body {
  margin: 0;
}

body {
  margin: 0
}

.overwrite-code-hljs .hljs {
  color: #c9d1d9;
  background: #1d1f21
}

.overwrite-code-hljs pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em
}

.overwrite-code-hljs code.hljs {
  padding: 3px 5px
}

.overwrite-code-hljs .hljs-doctag,
.overwrite-code-hljs .hljs-keyword,
.overwrite-code-hljs .hljs-meta .hljs-keyword,
.overwrite-code-hljs .hljs-template-tag,
.overwrite-code-hljs .hljs-template-variable,
.overwrite-code-hljs .hljs-type,
.overwrite-code-hljs .hljs-variable.language_ {
  color: #ff7b72
}

.overwrite-code-hljs .hljs-title,
.overwrite-code-hljs .hljs-title.class_,
.overwrite-code-hljs .hljs-title.class_.inherited__,
.overwrite-code-hljs .hljs-title.function_ {
  color: #d2a8ff
}

.overwrite-code-hljs .hljs-attr,
.overwrite-code-hljs .hljs-attribute,
.overwrite-code-hljs .hljs-literal,
.overwrite-code-hljs .hljs-meta,
.overwrite-code-hljs .hljs-number,
.overwrite-code-hljs .hljs-operator,
.overwrite-code-hljs .hljs-selector-attr,
.overwrite-code-hljs .hljs-selector-class,
.overwrite-code-hljs .hljs-selector-id,
.overwrite-code-hljs .hljs-variable {
  color: #79c0ff
}

.overwrite-code-hljs .hljs-meta .hljs-string,
.overwrite-code-hljs .hljs-regexp,
.overwrite-code-hljs .hljs-string {
  color: #a5d6ff
}

.overwrite-code-hljs .hljs-built_in,
.overwrite-code-hljs .hljs-symbol {
  color: #ffa657
}

.overwrite-code-hljs .hljs-code,
.overwrite-code-hljs .hljs-comment,
.overwrite-code-hljs .hljs-formula {
  color: #8b949e
}

.overwrite-code-hljs .hljs-name,
.overwrite-code-hljs .hljs-quote,
.overwrite-code-hljs .hljs-selector-pseudo,
.overwrite-code-hljs .hljs-selector-tag {
  color: #7ee787
}

.overwrite-code-hljs .hljs-subst {
  color: #c9d1d9
}

.overwrite-code-hljs .hljs-section {
  color: #1f6feb;
  font-weight: 700
}

.overwrite-code-hljs .hljs-bullet {
  color: #f2cc60
}

.overwrite-code-hljs .hljs-emphasis {
  color: #c9d1d9;
  font-style: italic
}

.overwrite-code-hljs .hljs-strong {
  color: #c9d1d9;
  font-weight: 700
}

.overwrite-code-hljs .hljs-addition {
  color: #aff5b4;
  background-color: #033a16
}

.overwrite-code-hljs .hljs-deletion {
  color: #ffdcd7;
  background-color: #67060c
}

.code-header .code-language-label {
  position: relative;
  background: #121319;
  padding: 4px 8px;
  border-radius: 0
}

.code-header .code-language-label .code-language-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.code-header .code-language-label .code-language-header .code-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.code-header .code-language-label .code-language-header .code-actions .code-action-icon {
  fill: #fff;
  margin-left: 12px;
  cursor: pointer
}

.code-header .code-language-label .code-language-header .code-actions .code-close {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg)
}

.answer-item .answer-md .code-language-label,
.thought-clps .code-language-label,
.workspace-panel .code-language-label {
  position: relative;
  background: #121319;
  padding: 4px 8px;
  border-radius: 0
}

.answer-item .answer-md .code-language-label .code-language-header,
.thought-clps .code-language-label .code-language-header,
.workspace-panel .code-language-label .code-language-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.answer-item .answer-md .code-language-label .code-language-header .code-actions,
.thought-clps .code-language-label .code-language-header .code-actions,
.workspace-panel .code-language-label .code-language-header .code-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.answer-item .answer-md .code-language-label .code-language-header .code-actions .code-action-icon,
.thought-clps .code-language-label .code-language-header .code-actions .code-action-icon,
.workspace-panel .code-language-label .code-language-header .code-actions .code-action-icon {
  fill: #fff;
  margin-left: 12px;
  cursor: pointer
}

.answer-item .answer-md .code-language-label .code-language-header .code-actions .code-close,
.thought-clps .code-language-label .code-language-header .code-actions .code-close,
.workspace-panel .code-language-label .code-language-header .code-actions .code-close {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg)
}

.answer-item .answer-md .hljs,
.thought-clps .hljs,
.workspace-panel .hljs {
  color: #c9d1d9;
  background: #1d1f21
}

.answer-item .answer-md pre code.hljs,
.thought-clps pre code.hljs,
.workspace-panel pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em
}

.answer-item .answer-md code.hljs,
.thought-clps code.hljs,
.workspace-panel code.hljs {
  padding: 3px 5px
}

.answer-item .answer-md .hljs-doctag,
.answer-item .answer-md .hljs-keyword,
.answer-item .answer-md .hljs-meta .hljs-keyword,
.answer-item .answer-md .hljs-template-tag,
.answer-item .answer-md .hljs-template-variable,
.answer-item .answer-md .hljs-type,
.answer-item .answer-md .hljs-variable.language_,
.thought-clps .hljs-doctag,
.thought-clps .hljs-keyword,
.thought-clps .hljs-meta .hljs-keyword,
.thought-clps .hljs-template-tag,
.thought-clps .hljs-template-variable,
.thought-clps .hljs-type,
.thought-clps .hljs-variable.language_,
.workspace-panel .hljs-doctag,
.workspace-panel .hljs-keyword,
.workspace-panel .hljs-meta .hljs-keyword,
.workspace-panel .hljs-template-tag,
.workspace-panel .hljs-template-variable,
.workspace-panel .hljs-type,
.workspace-panel .hljs-variable.language_ {
  color: #ff7b72
}

.answer-item .answer-md .hljs-title,
.answer-item .answer-md .hljs-title.class_,
.answer-item .answer-md .hljs-title.class_.inherited__,
.answer-item .answer-md .hljs-title.function_,
.thought-clps .hljs-title,
.thought-clps .hljs-title.class_,
.thought-clps .hljs-title.class_.inherited__,
.thought-clps .hljs-title.function_,
.workspace-panel .hljs-title,
.workspace-panel .hljs-title.class_,
.workspace-panel .hljs-title.class_.inherited__,
.workspace-panel .hljs-title.function_ {
  color: #d2a8ff
}

.answer-item .answer-md .hljs-attr,
.answer-item .answer-md .hljs-attribute,
.answer-item .answer-md .hljs-literal,
.answer-item .answer-md .hljs-meta,
.answer-item .answer-md .hljs-number,
.answer-item .answer-md .hljs-operator,
.answer-item .answer-md .hljs-selector-attr,
.answer-item .answer-md .hljs-selector-class,
.answer-item .answer-md .hljs-selector-id,
.answer-item .answer-md .hljs-variable,
.thought-clps .hljs-attr,
.thought-clps .hljs-attribute,
.thought-clps .hljs-literal,
.thought-clps .hljs-meta,
.thought-clps .hljs-number,
.thought-clps .hljs-operator,
.thought-clps .hljs-selector-attr,
.thought-clps .hljs-selector-class,
.thought-clps .hljs-selector-id,
.thought-clps .hljs-variable,
.workspace-panel .hljs-attr,
.workspace-panel .hljs-attribute,
.workspace-panel .hljs-literal,
.workspace-panel .hljs-meta,
.workspace-panel .hljs-number,
.workspace-panel .hljs-operator,
.workspace-panel .hljs-selector-attr,
.workspace-panel .hljs-selector-class,
.workspace-panel .hljs-selector-id,
.workspace-panel .hljs-variable {
  color: #79c0ff
}

.answer-item .answer-md .hljs-meta .hljs-string,
.answer-item .answer-md .hljs-regexp,
.answer-item .answer-md .hljs-string,
.thought-clps .hljs-meta .hljs-string,
.thought-clps .hljs-regexp,
.thought-clps .hljs-string,
.workspace-panel .hljs-meta .hljs-string,
.workspace-panel .hljs-regexp,
.workspace-panel .hljs-string {
  color: #a5d6ff
}

.answer-item .answer-md .hljs-built_in,
.answer-item .answer-md .hljs-symbol,
.thought-clps .hljs-built_in,
.thought-clps .hljs-symbol,
.workspace-panel .hljs-built_in,
.workspace-panel .hljs-symbol {
  color: #ffa657
}

.answer-item .answer-md .hljs-code,
.answer-item .answer-md .hljs-comment,
.answer-item .answer-md .hljs-formula,
.thought-clps .hljs-code,
.thought-clps .hljs-comment,
.thought-clps .hljs-formula,
.workspace-panel .hljs-code,
.workspace-panel .hljs-comment,
.workspace-panel .hljs-formula {
  color: #8b949e
}

.answer-item .answer-md .hljs-name,
.answer-item .answer-md .hljs-quote,
.answer-item .answer-md .hljs-selector-pseudo,
.answer-item .answer-md .hljs-selector-tag,
.thought-clps .hljs-name,
.thought-clps .hljs-quote,
.thought-clps .hljs-selector-pseudo,
.thought-clps .hljs-selector-tag,
.workspace-panel .hljs-name,
.workspace-panel .hljs-quote,
.workspace-panel .hljs-selector-pseudo,
.workspace-panel .hljs-selector-tag {
  color: #7ee787
}

.answer-item .answer-md .hljs-subst,
.thought-clps .hljs-subst,
.workspace-panel .hljs-subst {
  color: #c9d1d9
}

.answer-item .answer-md .hljs-section,
.thought-clps .hljs-section,
.workspace-panel .hljs-section {
  color: #1f6feb;
  font-weight: 700
}

.answer-item .answer-md .hljs-bullet,
.thought-clps .hljs-bullet,
.workspace-panel .hljs-bullet {
  color: #f2cc60
}

.answer-item .answer-md .hljs-emphasis,
.thought-clps .hljs-emphasis,
.workspace-panel .hljs-emphasis {
  color: #c9d1d9;
  font-style: italic
}

.answer-item .answer-md .hljs-strong,
.thought-clps .hljs-strong,
.workspace-panel .hljs-strong {
  color: #c9d1d9;
  font-weight: 700
}

.answer-item .answer-md .hljs-addition,
.thought-clps .hljs-addition,
.workspace-panel .hljs-addition {
  color: #aff5b4;
  background-color: #033a16
}

.answer-item .answer-md .hljs-deletion,
.thought-clps .hljs-deletion,
.workspace-panel .hljs-deletion {
  color: #ffdcd7;
  background-color: #67060c
}

.answer-item .answer-md pre,
.thought-clps pre,
.workspace-panel pre {
  border-radius: 3px;
  overflow: hidden;
  margin: 0
}

@-webkit-keyframes videoSpinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@keyframes videoSpinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

.answer-md .video-placeholder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
  height: 112px;
  padding: 6px var(--spacing-base-loose);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--spacing-tight);
  border-radius: var(--radius-large);
  background: var(--color-opacity-11);
  color: #fff
}

.answer-md .video-placeholder svg {
  -webkit-animation: videoSpinner .5s linear infinite;
  animation: videoSpinner .5s linear infinite
}

#app {
  text-align: left;
  height: 100%;
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom)
}

.robot-avatar {
  width: 32px;
  height: 32px;
  border-radius: 32px;
  vertical-align: middle;
  margin-right: var(--spacing-base-loose)
}

body,
html {
  margin: 0;
  height: 100%;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Helvetica, Arial, PingFang SC, Microsoft YaHei, Noto Sans, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

a {
  color: var(--color-primary-normal)
}

#toast-wrap[data-v-acb5d0d2] {
  z-index: 9999;
  position: absolute;
  top: calc(50% - 22px);
  left: calc(50% - 80px);
  width: 160px;
  height: 44px
}

#toast-wrap .toast-content[data-v-acb5d0d2],
#toast-wrap[data-v-acb5d0d2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#toast-wrap .toast-content[data-v-acb5d0d2] {
  max-width: 80vw;
  border-radius: 12px;
  background: rgba(37, 45, 62, .8);
  -webkit-backdrop-filter: blur(27.18281746px);
  backdrop-filter: blur(27.18281746px);
  padding: 12px 16px;
  text-align: center;
  color: var(--white);
  font-size: 14px
}

#toast-wrap .toast-content .toast-icon[data-v-acb5d0d2] {
  margin-right: 10px
}

.voice-bg {
  border-radius: 6px;
  background: linear-gradient(125deg, rgba(255, 239, 250, .8) 21.83%, #def5ff 79.71%), #fff
}

.user-menu {
  top: 56px !important
}

.user-menu .menu-item {
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  height: 25px;
  padding: 0 var(--spacing-base);
  overflow: hidden;
  line-height: 30px;
  text-overflow: ellipsis
}

.user-menu .menu-item,
.user-menu .menu-item.account {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.user-menu .menu-item.account {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  height: 50px
}

.user-menu .iconImg {
  display: inline-block;
  width: 16px;
  height: 16px
}

.user-menu .iconImg:hover {
  cursor: pointer
}

.chat-wrap__main-header.is-voice {
  z-index: 2
}

.chat-wrap__main-header.is-voice .header-banner.header-banner-bg {
  background: transparent
}

.client-side-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  min-width: 480px;
  overflow-x: hidden;
  background: url(https://42-fe-cdn-1251316161.cos.ap-nanjing.myqcloud.com/webim/assets/img/bg-c2.1a6e6a2.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%
}

.client-side-wrap * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.client-side-wrap__header {
  height: 56px;
  width: 100%;
  margin-bottom: var(--spacing-super-loose);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: var(--spacing-base-loose) var(--spacing-quite-loose);
  background-color: #fff;
  -webkit-box-shadow: 0 0 1px rgba(18, 19, 25, .08), 0 0 2px rgba(18, 19, 25, .08), 0 2px 4px rgba(18, 19, 25, .08);
  box-shadow: 0 0 1px rgba(18, 19, 25, .08), 0 0 2px rgba(18, 19, 25, .08), 0 2px 4px rgba(18, 19, 25, .08)
}

.client-side-wrap__header,
.client-side-wrap__header .header-logo-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.client-side-wrap__header .header-logo-container>a {
  text-decoration: none
}

.client-side-wrap__header .header-logo-container .project-name {
  color: var(--color-text-primary);
  font-family: PingFang SC;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px
}

.client-side-wrap__header .header-logo-container .project-name:before {
  content: "|";
  font-size: 18px;
  margin: 0 16px;
  opacity: .3
}

.client-side-wrap__header .logo {
  height: 32px !important;
  vertical-align: middle;
  width: 32px !important;
  background: url(./ai-logo.png) no-repeat 50%/cover;
  border-radius: 30px;
  overflow: hidden;
}

.client-side-wrap__header .header-menu-container {
  padding: 0 4px;
  border-radius: 3px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  color: var(--text---color-text-primary, rgba(0, 1, 11, .93));
  text-align: center;
  font: var(--body-regular)
}

.client-side-wrap__header .header-menu-container:hover {
  background-color: var(--color-fill-hover)
}

.client-side-wrap__header .header-menu-container:active {
  background-color: var(--color-fill-active)
}

.client-side-wrap__header .header-menu-container .user-img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.client-side-wrap__header .header-menu-container .user-img img {
  width: 28px;
  height: 28px;
  border-radius: 50%
}

.client-side-wrap__main {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 var(--spacing-super-loose);
  width: 100%;
  height: calc(100% - 96px - var(--spacing-super-loose))
}

.client-side-wrap__main-right {
  width: 100%
}

.client-side-wrap.is-experience {
  background: none
}

.client-side-wrap.is-experience .client-side-wrap__main {
  padding: 0
}

.client-side-wrap.is-experience .client-side-wrap__main .chat-wrap__main {
  max-width: none;
  -webkit-box-shadow: none;
  box-shadow: none
}

.client-side-wrap.is-experience .client-side-wrap__main .chat-wrap__main-header {
  max-width: none;
  border-bottom: .5px solid var(--color-divider-normal)
}

.client-side-wrap.is-experience .client-side-wrap__main .bg-container {
  width: 100%;
  max-width: 860px;
  -ms-flex-item-align: center;
  align-self: center;
  position: relative
}

.client-side-wrap.is-experience .client-side-wrap__main .bg-container .chat-wrap__main-head {
  position: static
}

.client-side-wrap.is-experience .client-side-wrap__footer .service-agreement {
  padding-top: 0
}

.chat-wrap {
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.chat-wrap,
.chat-wrap__main {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.chat-wrap__main {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 400px;
  height: 85%;
  min-height: calc(100% - 56px);
  overflow: hidden;
  border-radius: 12px;
  -webkit-box-shadow: 0 24px 48px rgba(18, 54, 153, .1);
  box-shadow: 0 24px 48px rgba(18, 54, 153, .1)
}

.chat-wrap__main.is-voice {
  height: calc(100% - 40px) !important
}

.chat-wrap__main.experience-height {
  min-height: calc(100% - 56px)
}

.chat-wrap__main.unavailable {
  background: var(--color-bg-0)
}

.chat-wrap__main .bg-container {
  height: calc(100% - 56px);
  background: var(--color-bg-0);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.chat-wrap__main-chat-content,
.chat-wrap__main-content {
  height: calc(100% - 120px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow-y: auto
}

.chat-wrap__main-footer {
  position: relative;
  z-index: 3
}

.chat-wrap.is-experience {
  background: none
}

.chat-wrap.is-experience .client-side-wrap__main {
  padding: 0
}

.chat-wrap.is-experience .client-side-wrap__main .chat-wrap__main,
.chat-wrap.is-experience .client-side-wrap__main .chat-wrap__main-header {
  max-width: none
}

.chat-wrap.is-experience .client-side-wrap__main .bg-container {
  width: 860px;
  -ms-flex-item-align: center;
  align-self: center;
  position: relative
}

.chat-wrap.is-experience .client-side-wrap__main .bg-container .chat-wrap__main-head {
  width: 860px;
  position: fixed;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.chat-wrap.is-mobile .chat-wrap__main {
  width: 100%;
  height: 100%;
  min-height: unset;
  border-radius: 0
}

.chat-wrap.is-mobile .chat-wrap__main .service-agreement {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  position: fixed;
  bottom: 0
}

.chat-wrap.is-mobile .bg-container {
  height: calc(100% - 28px)
}

.chat-wrap.is-web .chat-layout {
  width: 100%;
  height: 100%;
  max-width: 1280px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.chat-wrap.is-web .chat-wrap__main {
  width: 100%;
  height: 100%
}

.chat-wrap.is-web .workspace-active {
  -webkit-box-shadow: 0 24px 48px rgba(18, 54, 153, .1);
  box-shadow: 0 24px 48px rgba(18, 54, 153, .1)
}

.chat-wrap.is-web .workspace-active .chat-wrap__main {
  width: 50%;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none
}

.chat-wrap.is-web .workspace-active .workspace-container {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  min-height: calc(100% - 56px);
  background: var(--color-bg-0)
}

.unavailable-container[data-v-300e697a] {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.unavailable-container .unavailable[data-v-300e697a],
.unavailable-container[data-v-300e697a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.unavailable-container .unavailable[data-v-300e697a] {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--color-text-primary);
  font: var(--subtitle-medium)
}

.unavailable-container .unavailable>img[data-v-300e697a] {
  height: 160px;
  width: 160px
}

.service-agreement[data-v-56ff2624] {
  text-align: center;
  padding: var(--spacing-base-loose);
  color: var(--color-text-caption);
  font: var(--caption-regular)
}

.service-agreement.small[data-v-56ff2624] {
  padding: 0 var(--spacing-base-loose) var(--spacing-base-loose) var(--spacing-base-loose);
  font-size: 10px;
  line-height: normal
}

.service-agreement a[data-v-56ff2624] {
  text-decoration: none
}

.robot-unavailable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 36px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: inherit
}

.robot-unavailable .title {
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 10px;
  color: var(--color-text-caption)
}

.robot-unavailable .desc {
  font: var(--display-bold)
}

.robot-unavailable .sub-title {
  font-weight: 600;
  font-size: 32px;
  color: var(--color-text-primary)
}

.robot-unavailable .img {
  -ms-flex-item-align: center;
  align-self: center;
  margin-top: 40%
}

.welcome-header {
  width: 100%;
  height: 310px;
  position: relative
}

.welcome-header .lottie-bg {
  width: 400px;
  height: 400px;
  overflow: hidden;
  margin: 0 auto;
  position: absolute;
  top: -62px;
  z-index: 0
}

.welcome-header .header-user {
  margin-left: 30px;
  z-index: 1;
  position: relative
}

.welcome-header .header-user .user-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 32px;
  font-weight: 600;
  font-size: 24px;
  color: var(--inverse-opacity-3);
  margin: 20px 0 8px
}

.welcome-header .header-user .user-info .welcome-icon {
  margin-right: 5px;
  vertical-align: middle
}

.welcome-header .header-user .user-desc {
  font-weight: 600;
  font-size: 32px;
  color: var(--color-text-primary)
}

.welcome-header .header-bg {
  position: absolute;
  height: 109.17px;
  left: 0;
  right: 0;
  bottom: -6px;
  background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#fff));
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
  z-index: 1
}

.welcome-header .header-intro {
  padding: 12px;
  margin: 12px;
  background: hsla(0, 0%, 100%, .8);
  -webkit-box-shadow: var(--shadow-medium-light);
  box-shadow: var(--shadow-medium-light);
  border-radius: 12px;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  position: relative;
  z-index: 2
}

.welcome-header .header-intro .intro-icon {
  margin-bottom: 12px;
  height: 12px;
  line-height: 12px
}

.welcome-header .header-intro .intro-icon .v-icon {
  color: var(--color-primary-normal);
  width: 15px;
  height: 10px
}

.welcome-header .header-intro .intro-desc {
  font-weight: 400;
  font-size: 14px;
  color: var(--color-text-primary)
}

.welcome-header .header-intro .intro-tips {
  -webkit-margin-before: 1em;
  margin-block-start: 1em;
  -webkit-margin-after: 1em;
  margin-block-end: 1em;
  -webkit-padding-start: 15px;
  padding-inline-start: 15px;
  margin-top: 16px;
  font-weight: 400;
  font-size: 12px;
  color: var(--color-text-caption)
}

.welcome-header .header-intro .intro-tips .tips-item {
  display: list-item;
  margin-top: 5px
}

.header-banner {
  width: 100%
}

.header-banner .divider {
  width: 1px;
  height: 16px;
  background: var(--color-divider-normal)
}

.header-banner.bg-tr {
  background: transparent !important
}

.header-banner.header-banner-bg {
  background: #fff;
  -webkit-backdrop-filter: blur(calc(var(--bgBlur-medium)/2));
  backdrop-filter: blur(calc(var(--bgBlur-medium)/2))
}

.header-banner.header-banner-bg-mobile {
  background: rgba(255, 255, 255, 0.40);
}

.header-banner.header-fixed {
  position: fixed;
  width: 100%;
  z-index: 10
}

.header-banner.is-experience {
  background: none;
  padding: 0 32px
}

.header-banner.is-experience .banner-wrap {
  padding: 12px 0
}

.header-banner.is-experience .robot-avatar {
  margin-right: 0;
  width: 40px;
  height: 40px;
  border-radius: var(--radius-large);
  border: var(--border-thickness) solid var(--color-divider-normal)
}

.header-banner .banner-wrap {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 12px;
  z-index: 1;
  position: relative
}

.header-banner .banner-wrap,
.header-banner .banner-wrap__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.header-banner .banner-wrap__left {
  gap: 3px
}

.header-banner .banner-wrap__left .left-logo {
  width: 32px;
  height: 32px
}

.header-banner .banner-wrap__left .back-btn .v-icon {
  width: 20px;
  height: 20px;
  vertical-align: text-top
}

.header-banner .banner-wrap__left .left-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.header-banner .banner-wrap__left .left-title .main-title {
  color: var(--text---color-text-primary);
  font: var(--subtitle-medium)
}

.header-banner .banner-wrap__left .left-title .exp-main-title {
  margin-left: 10px
}

.header-banner .banner-wrap__right,
.header-banner .banner-wrap__right .autoplay-trigger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.header-banner .banner-wrap__right .autoplay-trigger {
  cursor: pointer;
  border-radius: 3px;
  padding: 8px;
  gap: 1px
}

.header-banner .banner-wrap__right .autoplay-trigger:hover {
  background: var(--color-fill-hover)
}

.header-banner .banner-wrap__right .reset-chat {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 3px
}

.header-banner .banner-wrap__right .reset-chat .v-button.is-text.v-button--medium {
  padding: 5px 10px
}

.manage-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: var(--navbar-height, 64px);
  padding: var(--spacing-loose) var(--spacing-quite-loose);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.manage-header .banner-wrap {
  padding: 0;
  width: 100%
}

.manage-header .banner-wrap .robot-avatar {
  margin-right: 0
}

.title-tag-class {
  cursor: pointer
}

.auto-play-pop {
  padding: var(--spacing-base-loose) var(--spacing-base-loose) var(--spacing-base-loose) var(--spacing-base-loose);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  border-radius: var(--radius-normal);
  font-size: 14px;
  background: #fff;
  -webkit-box-shadow: var(--shadow-medium-light);
  box-shadow: var(--shadow-medium-light)
}

.auto-play-pop,
.welcome-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.welcome-content {
  margin-top: 60px;
  padding: 0 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: 100%;
  overflow: auto
}

.welcome-content .hot-question-item {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 10px 12px;
  background: var(--color-primary-light-normal);
  border-radius: 6px;
  font-weight: 400;
  font-size: 14px;
  color: var(--color-primary-normal);
  margin-bottom: 12px;
  cursor: pointer;
  display: inline-block;
  max-width: 85%;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap
}

.welcome-content .hot-question-item:hover {
  background: var(--color-primary-light-hover)
}

.welcome-content .hot-question-item:active {
  background: var(--color-primary-light-active)
}

.welcome-content .refresh-question {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 400;
  font-size: 14px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  color: var(--color-text-caption);
  cursor: pointer
}

.welcome-content .refresh-question:hover {
  color: var(--color-text-secondary)
}

.welcome-content .refresh-question:active {
  color: var(--color-text-primary)
}

.welcome-content .refresh-question .refresh-icon {
  margin-right: 5px
}

#audioplayer[data-v-1f97439e] {
  display: none
}

.download-card[data-v-1f97439e] {
  max-width: calc(33.33333% - 5.33333px);
  background-color: #0ff;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(33.33333% - 5.33333px);
  flex: 0 0 calc(33.33333% - 5.33333px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 60px;
  padding: 10px;
  border-radius: var(--bubble---c-bubble-radius, 6px);
  border: 1px solid var(--color-border-normal);
  background: var(--color-fill-normal);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px
}

.download-card .download-card-content[data-v-1f97439e] {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden
}

.download-card .name[data-v-1f97439e] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: var(--text---c-color-text-primary, rgba(0, 1, 12, .93))
}

.download-card .size[data-v-1f97439e] {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  color: var(--text---c-color-text-caption, rgba(0, 11, 54, .41))
}

.ept-content[data-v-1f97439e] {
  color: #979797;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px
}

[data-v-1f97439e] .thought-clps-content .thought-detail.last-item {
  border-bottom: none !important
}

[data-v-1f97439e] .answer-md>ol,
[data-v-1f97439e] .answer-md>ul {
  padding-left: 1.5em
}

[data-v-1f97439e] .answer-md ol ol,
[data-v-1f97439e] .answer-md ol ul,
[data-v-1f97439e] .answer-md ul ol,
[data-v-1f97439e] .answer-md ul ul {
  padding-left: 1.2em
}

[data-v-1f97439e] .answer-md ::marker {
  color: #000
}

[data-v-1f97439e] .answer-md hr {
  border: none;
  height: .5px;
  background: var(--color-divider-normal)
}

.client-chat::-webkit-scrollbar {
  display: none
}

.client-chat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow-y: overlay;
  overflow-y: scroll;
  padding: 0 var(--spacing-quite-loose)
}

.client-chat video {
  width: 400px
}

.client-chat .loading {
  margin: 1em 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.client-chat .loading:after {
  content: ".";
  -webkit-animation: ellipsis 1.5s steps(1) infinite;
  animation: ellipsis 1.5s steps(1) infinite
}

.client-chat .loading:before {
  content: "";
  display: inline-block;
  height: 22px;
  width: 22px;
  margin-right: 8px;
  background: url(https://42-fe-cdn-1251316161.cos.ap-nanjing.myqcloud.com/webim/assets/img/loading.84d9f90.gif) no-repeat;
  background-size: contain
}

.client-chat .transfer-info {
  width: 100%;
  margin: auto;
  font-weight: 400;
  font-size: 14px;
  color: var(--color-text-primary);
  text-align: center
}

.client-chat .transfer-info .chat-status-item {
  max-width: 90%;
  padding: 4px 16px;
  background: #f4f5f7;
  opacity: .8;
  margin: 6px auto;
  border-radius: 6px
}

.client-chat .transfer-info .chat-status-item .status-text {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  font-weight: 400;
  font-size: 12px;
  color: var(--color-text-caption)
}

.client-chat .qa-history {
  text-align: center
}

.client-chat .qa-history.isMobile {
  margin-top: 65px
}

.client-chat .qa-history .v-spinner__container__default,
.client-chat .qa-history .v-spinner__tip {
  font-size: 12px;
  color: var(--color-text-primary)
}

.client-chat .break-releation-class {
  margin: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.client-chat .table-style {
  display: inline-block;
  white-space: nowrap;
  max-width: 100%;
  overflow: scroll;
  background: #fff;
  border-bottom: 1px solid rgba(18, 42, 79, .08);
  border-right: 1px solid rgba(18, 42, 79, .08);
  border-spacing: 0;
  border-collapse: collapse
}

.client-chat .table-style th {
  color: rgba(1, 11, 50, .41);
  padding: 12px;
  font-weight: 400;
  background: #eaecef
}

.client-chat .table-style td,
.client-chat .table-style th {
  border-left: 1px solid rgba(18, 42, 79, .08);
  border-top: 1px solid rgba(18, 42, 79, .08)
}

.client-chat .table-style td {
  padding: 8px 4px;
  min-width: 45px;
  overflow-wrap: break-word;
  white-space: break-spaces
}

.client-chat .qa-item {
  word-break: break-all;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 16px;
  color: var(--color-text-primary);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px
}

.client-chat .qa-item .timestamp {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: var(--color-text-caption);
  margin: 16px 0
}

.client-chat .qa-item p {
  font-size: 16px;
  margin: 0;
  line-height: 22px
}

.client-chat .qa-item .question-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  -ms-flex-item-align: end;
  align-self: flex-end;
  padding-left: 44px;
  margin-bottom: 10px
}

.client-chat .qa-item .question-item:last-child {
  margin-bottom: 0
}

.client-chat .qa-item .question-item.question-doc-item {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
  padding: var(--spacing-base);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--spacing-tight);
  border-radius: var(--radius-large);
  background: var(--color-bg-1);
  -webkit-box-shadow: var(--shadow-small-light-x-1) var(--shadow-small-light-y-1) var(--shadow-large-light-blur-1) var(--shadow-small-light-spread-1) var(--shadow-small-light-color-1), var(--shadow-small-light-x-2) var(--shadow-small-light-y-2) var(--shadow-small-light-blur-2) var(--shadow-small-light-spread-2) var(--shadow-small-light-color-2), var(--shadow-small-light-x-3) var(--shadow-small-light-y-3) var(--shadow-small-light-blur-3) var(--shadow-small-light-spread-3) var(--shadow-small-light-color-3);
  box-shadow: var(--shadow-small-light-x-1) var(--shadow-small-light-y-1) var(--shadow-large-light-blur-1) var(--shadow-small-light-spread-1) var(--shadow-small-light-color-1), var(--shadow-small-light-x-2) var(--shadow-small-light-y-2) var(--shadow-small-light-blur-2) var(--shadow-small-light-spread-2) var(--shadow-small-light-color-2), var(--shadow-small-light-x-3) var(--shadow-small-light-y-3) var(--shadow-small-light-blur-3) var(--shadow-small-light-spread-3) var(--shadow-small-light-color-3);
  position: relative
}

.client-chat .qa-item .question-item.question-doc-item .doc-icon-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 36px;
  height: 36px;
  padding: 3px 4.5px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 1.5px
}

.client-chat .qa-item .question-item.question-doc-item .doc-icon-cont .doc-icon {
  width: 27px;
  height: 30px;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.client-chat .qa-item .question-item.question-doc-item .doc-txt-cont {
  text-align: left
}

.client-chat .qa-item .question-item.question-doc-item .doc-txt-cont .doc-txt-info {
  color: var(--color-text-caption);
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px
}

.client-chat .qa-item .question-item.question-doc-item .doc-txt-cont .filename {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: var(--color-text-primary);
  width: 138px;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px
}

.client-chat .qa-item .question-item.question-image-item {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-bottom: 16px;
  gap: 12px
}

.client-chat .qa-item .question-item.question-image-item .qs-error,
.client-chat .qa-item .question-item.question-image-item .qs-loading {
  margin-bottom: 15px;
  margin-right: 0
}

.client-chat .qa-item .question-item.question-image-item p {
  margin: 0;
  line-height: 0
}

.client-chat .qa-item .question-item .qs-error {
  min-width: 16px;
  margin-right: 10px;
  color: var(--color-error-normal)
}

.client-chat .qa-item .question-item .qs-loading {
  margin-right: 10px
}

.client-chat .qa-item .question-item .question-text p {
  margin: 12px 0
}

.client-chat .qa-item .question-item .question-image,
.client-chat .qa-item .question-item .question-text {
  background: #dbe8ff;
  border-radius: 6px;
  padding: 0 16px;
  text-align: left;
  word-break: break-all;
  word-wrap: break-word
}

.client-chat .qa-item .question-item .question-text.question-text-mobile code {
  white-space: break-spaces
}

.client-chat .qa-item .question-item .question-text.question-text-mobile img {
  max-width: 80%;
  max-height: 320px;
  border-radius: 6px
}

.client-chat .qa-item .question-item .question-text code {
  white-space: break-spaces
}

.client-chat .qa-item .question-item .question-text img {
  max-width: 480px;
  max-height: 320px;
  border-radius: 6px
}

.client-chat .qa-item .question-item .question-image {
  background: none;
  padding: 0
}

.client-chat .qa-item .question-item .question-image img {
  border-radius: 6px;
  border: .5px solid var(--border---color-border-normal);
  max-width: 100%;
  max-height: 320px
}

.client-chat .qa-item .transfer-item {
  margin-bottom: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  -ms-flex-item-align: center;
  align-self: center;
  padding: 28px 24px 12px;
  background: var(--color-bg-1);
  -webkit-box-shadow: 0 8px 24px rgba(18, 19, 25, .08), 0 0 12px rgba(18, 19, 25, .04), 0 0 1px rgba(18, 19, 25, .08);
  box-shadow: 0 8px 24px rgba(18, 19, 25, .08), 0 0 12px rgba(18, 19, 25, .04), 0 0 1px rgba(18, 19, 25, .08);
  border-radius: 6px;
  font-weight: 400;
  font-size: 12px;
  margin-top: 50px
}

.client-chat .qa-item .transfer-item,
.client-chat .qa-item .transfer-item .transfer-avatar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center
}

.client-chat .qa-item .transfer-item .transfer-avatar {
  margin-top: -50px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.client-chat .qa-item .transfer-item .transfer-text {
  margin-top: 8px;
  color: var(--color-text-secondary)
}

.client-chat .qa-item .transfer-item .transfer-timestamp {
  margin-top: 4px;
  color: var(--color-text-caption)
}

.client-chat .qa-item .chat-status-item {
  max-width: 90%;
  -ms-flex-item-align: center;
  align-self: center;
  margin: 16px 0;
  padding: 4px 16px;
  background: #f4f5f7;
  opacity: .8;
  border-radius: 6px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.client-chat .qa-item .chat-status-item .status-icon {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  margin-right: 5px
}

.client-chat .qa-item .chat-status-item .status-icon.gray {
  background-color: var(--color-gray-6)
}

.client-chat .qa-item .chat-status-item .status-icon.green {
  background-color: var(--color-success-normal)
}

.client-chat .qa-item .chat-status-item .status-icon.red {
  background-color: var(--color-error-normal)
}

.client-chat .qa-item .chat-status-item .status-text {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  font-weight: 400;
  font-size: 12px;
  color: var(--color-text-caption)
}

.client-chat .qa-item .summary-item {
  -ms-flex-item-align: center;
  align-self: center;
  margin: 12px 0
}

.client-chat .qa-item .answer-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.client-chat .qa-item .answer-item .contacter-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-right: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.client-chat .qa-item .answer-item .summary-info {
  padding: 0 16px
}

.client-chat .qa-item .answer-item .classify-info,
.client-chat .qa-item .answer-item .summary-info {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #f4f5f7;
  border-radius: 6px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.client-chat .qa-item .answer-item .classify-info {
  padding: 12px;
  gap: 4px
}

.client-chat .qa-item .answer-item .classify-info .classify-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: var(--spacing-tight) var(--spacing-base);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: var(--radius-normal);
  border: var(--border-normal) solid var(--color-brand-1);
  background: var(--color-brand-0);
  color: var(--color-brand-5);
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px
}

.client-chat .qa-item .answer-item .classify-info .classify-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  word-break: break-all
}

.client-chat .qa-item .answer-item .classify-info .classify-container .classify-label {
  height: 26px;
  line-height: 26px
}

.client-chat .qa-item .answer-item .classify-info .classify-container .classify-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  gap: 4px
}

.client-chat .qa-item .answer-item .answer-info-container {
  width: calc(100% - 55px)
}

.client-chat .qa-item .answer-item .answer-info {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0;
  width: 100%
}

.client-chat .qa-item .answer-item .answer-info .answer-options {
  line-height: 40px;
  max-width: 310px;
  overflow-y: scroll;
  padding-bottom: 6px
}

.client-chat .qa-item .answer-item .answer-info .answer-options::-webkit-scrollbar {
  background: transparent;
  width: 5px;
  height: 8px
}

.client-chat .qa-item .answer-item .answer-info .answer-options::-webkit-scrollbar-track {
  background: transparent;
  width: 0
}

.client-chat .qa-item .answer-item .answer-info .answer-options::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(17, 32, 70, .13)
}

.client-chat .qa-item .answer-item .answer-info .answer-options .option-card {
  cursor: pointer;
  margin-right: 8px;
  padding: 6px 12px;
  display: inline-block;
  border-radius: 15px;
  border: var(--border-thickness) solid #4a70ff;
  background: #fff;
  color: #4a70ff;
  text-align: center;
  font-family: PingFang SC;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  max-width: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.client-chat .qa-item .answer-item .answer-info .answer-options .option-card.disabled {
  border-radius: 15px;
  border: var(--border-thickness) solid var(--color-primary-disable);
  background: #fff;
  color: var(--color-primary-disable);
  text-align: center;
  font-family: PingFang SC;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  pointer-events: none
}

.client-chat .qa-item .answer-item .answer-info .answer-options .option-card.is-active {
  border-color: var(--color-primary-normal);
  color: var(--color-primary-normal);
  pointer-events: none
}

.client-chat .qa-item .answer-item .answer-info .answer-expand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  width: 44px;
  height: 24px;
  margin-bottom: 12px;
  background: var(--color-bg-2);
  -webkit-box-shadow: var(--shadow-small-light);
  box-shadow: var(--shadow-small-light);
  border-radius: 16px;
  -ms-flex-item-align: center;
  align-self: center
}

.client-chat .qa-item .answer-item .answer-info .stop-ws {
  color: var(--color-text-caption);
  margin-left: 5px
}

.client-chat .qa-item .answer-item .answer-info .answer-source {
  margin: 12px 0;
  font-size: 14px;
  color: var(--color-text-caption);
  text-align: left
}

.client-chat .qa-item .answer-item .answer-info .answer-source .v-button {
  text-decoration: none;
  text-align: left
}

.client-chat .qa-item .answer-item .answer-clarify>div {
  max-width: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: var(--spacing-base) var(--spacing-base-loose);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: var(--radius-large);
  border: var(--border-thickness) solid var(--color-border-normal);
  background: var(--inverse-opacity-4);
  -webkit-box-shadow: var(--shadow-small-light-x-1) var(--shadow-small-light-y-1) var(--shadow-large-light-blur-1) var(--shadow-small-light-spread-1) var(--shadow-small-light-color-1), var(--shadow-small-light-x-2) var(--shadow-small-light-y-2) var(--shadow-small-light-blur-2) var(--shadow-small-light-spread-2) var(--shadow-small-light-color-2), var(--shadow-small-light-x-3) var(--shadow-small-light-y-3) var(--shadow-small-light-blur-3) var(--shadow-small-light-spread-3) var(--shadow-small-light-color-3);
  box-shadow: var(--shadow-small-light-x-1) var(--shadow-small-light-y-1) var(--shadow-large-light-blur-1) var(--shadow-small-light-spread-1) var(--shadow-small-light-color-1), var(--shadow-small-light-x-2) var(--shadow-small-light-y-2) var(--shadow-small-light-blur-2) var(--shadow-small-light-spread-2) var(--shadow-small-light-color-2), var(--shadow-small-light-x-3) var(--shadow-small-light-y-3) var(--shadow-small-light-blur-3) var(--shadow-small-light-spread-3) var(--shadow-small-light-color-3);
  color: var(--color-primary-normal);
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  cursor: pointer;
  margin-bottom: 12px
}

.client-chat :root {
  --self-padding-bottom: 120px
}

.client-chat .qa-item-last {
  padding-bottom: 120px;
  .question-doc-item{
    display: none !important;
  }
}

.client-chat .qa-null {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 80%;
  text-align: center
}

.client-chat .qa-null .main-desc {
  font-weight: 600;
  font-size: 20px;
  color: var(--color-text-primary);
  margin: 20px
}

.client-chat .qa-null .sub-desc {
  font-weight: 400;
  font-size: 14px;
  color: var(--color-text-caption)
}

.client-chat .qa-null .title-desc {
  color: var(--color-text-primary);
  margin-top: 16px;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px
}

.client-chat .qa-null .title-robot-avatar {
  border-radius: var(--radius-super-large);
  width: 64px;
  height: 64px;
  overflow: hidden;
  vertical-align: middle;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.client-chat .qa-null .title-robot-avatar img {
  width: 64px;
  height: 64px;
  border-radius: var(--radius-super-large);
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.client-chat .qa-null .greet-desc {
  font-size: 14px;
  line-height: 22px;
  color: var(--color-text-secondary);
  max-width: 860px;
  word-break: break-all;
  text-align: start;
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 6px;
  border: .5px solid var(--color-border-normal);
  background: var(--inverse-opacity-4);
  -webkit-box-shadow: var(--shadow-small-light-x-1) var(--shadow-small-light-y-1) var(--shadow-large-light-blur-1) var(--shadow-small-light-spread-1) var(--shadow-small-light-color-1), var(--shadow-small-light-x-2) var(--shadow-small-light-y-2) var(--shadow-small-light-blur-2) var(--shadow-small-light-spread-2) var(--shadow-small-light-color-2), var(--shadow-small-light-x-3) var(--shadow-small-light-y-3) var(--shadow-small-light-blur-3) var(--shadow-small-light-spread-3) var(--shadow-small-light-color-3);
  box-shadow: var(--shadow-small-light-x-1) var(--shadow-small-light-y-1) var(--shadow-large-light-blur-1) var(--shadow-small-light-spread-1) var(--shadow-small-light-color-1), var(--shadow-small-light-x-2) var(--shadow-small-light-y-2) var(--shadow-small-light-blur-2) var(--shadow-small-light-spread-2) var(--shadow-small-light-color-2), var(--shadow-small-light-x-3) var(--shadow-small-light-y-3) var(--shadow-small-light-blur-3) var(--shadow-small-light-spread-3) var(--shadow-small-light-color-3)
}

.client-chat.mobile-chat video {
  max-width: 295px;
  width: 95%
}

.feedback {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.feedback .h26 {
  height: 26px
}

.feedback .opt {
  color: var(--color-text-caption);
  padding: 2px;
  cursor: pointer
}

.feedback .opt:hover {
  color: var(--color-text-secondary)
}

.feedback .opt:active {
  color: var(--color-text-primary)
}

.feedback .opt.disabled {
  color: var(--color-text-disable);
  cursor: not-allowed
}

.feedback .read-history-msg {
  color: var(--color-text-caption);
  cursor: pointer;
  position: relative;
  top: 3px
}

.feedback .read-history-msg img {
  width: 20px
}

.feedback .read-history-msg.disabled svg {
  color: var(--color-text-disable);
  cursor: not-allowed
}

.feedback .opt-mobile:active,
.feedback .opt-mobile:hover {
  color: var(--color-text-caption)
}

.feedback .spliter {
  width: 1px;
  height: 12px;
  background: #d9d9d9
}

.feedback .connection-error {
  color: var(--color-error-normal);
  font-size: 12px
}

.feedback-left {
  width: 100%;
  gap: 8px
}

.feedback-left,
.feedback-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.feedback-right {
  gap: 12px
}

.feedback .v-button--small {
  padding: 4px 8px
}

.feedback-tag-list .feedback-tag-item {
  margin-bottom: 24px
}

.feedback-tag-list .feedback-tag-item .feedback-tag-title {
  font-weight: 400;
  font-size: 14px;
  color: var(--color-text-caption)
}

.feedback-tag-list .feedback-tag-item .v-tags {
  line-height: 45px
}

.feedback-tag-list.isMobile {
  height: 50vh;
  overflow-y: overlay;
  overflow-y: scroll
}

.feedback-popup .popup-confirm-btn {
  width: 192px
}

.feedback-dlg .v-modalDialog__body {
  text-align: left
}

.popup-wrapper {
  position: fixed;
  margin-left: -80px;
  bottom: 55px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 100;
  background: var(--color-overlay)
}

.popup-wrapper,
.popup-wrapper .popup-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 12px
}

.popup-wrapper .popup-container {
  position: absolute;
  bottom: 0;
  height: 82%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 16px 16px 24px;
  background: var(--color-bg-1)
}

.popup-wrapper .popup-container.isMobile {
  height: 72%
}

.popup-wrapper .popup-container .popup-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 15px
}

.popup-wrapper .popup-container .popup-title .close-icon {
  cursor: pointer
}

.popup-wrapper .popup-container .popup-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.popup-wrapper .popup-container .popup-btns .v-button {
  margin-right: var(--spacing-base-loose)
}

.fade-enter-active {
  -webkit-animation: fade .3s;
  animation: fade .3s
}

.fade-leave-active {
  animation: fade .3s reverse
}

@-webkit-keyframes fade {
  0% {
    -webkit-transform: scale(1) translateY(200px);
    transform: scale(1) translateY(200px);
    opacity: 0
  }

  to {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    opacity: 1
  }
}

@keyframes fade {
  0% {
    -webkit-transform: scale(1) translateY(200px);
    transform: scale(1) translateY(200px);
    opacity: 0
  }

  to {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    opacity: 1
  }
}

.summary-card {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 380px;
  padding: 12px;
  background: var(--bubble-structured-bg-normal);
  -webkit-box-shadow: 0 8px 24px rgba(18, 19, 25, .08), 0 0 12px rgba(18, 19, 25, .04), 0 0 1px rgba(18, 19, 25, .08);
  box-shadow: 0 8px 24px rgba(18, 19, 25, .08), 0 0 12px rgba(18, 19, 25, .04), 0 0 1px rgba(18, 19, 25, .08);
  border-radius: 6px
}

.summary-card,
.summary-card__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.summary-card__header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.summary-card__header .header-logo .robot-avatar {
  width: 24px;
  height: 24px;
  border-radius: 32px;
  vertical-align: middle;
  margin-top: 0;
  margin-right: 8px
}

.summary-card__header .header-desc {
  font-weight: 500;
  font-size: 16px;
  color: var(--color-text-primary)
}

.summary-card__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.summary-card__main .main-title {
  margin-top: 12px;
  margin-bottom: 4px;
  font-size: 14px;
  color: var(--color-text-caption)
}

.summary-card__main .main-content {
  font-size: 14px;
  color: var(--color-text-primary)
}

.summary-card__main .main-content .answer-md {
  font-size: var(--body-regular)
}

.summary-card__main .main-content .answer-md img {
  max-width: 80%
}

.summary-card__main .main-content .answer-md table {
  background: #fff;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-spacing: 0;
  border-collapse: collapse
}

.summary-card__main .main-content .answer-md table th {
  background-color: #f5f2f0
}

.summary-card__main .main-content .answer-md table td,
.summary-card__main .main-content .answer-md table th {
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc
}

.summary-card__main .main-content .answer-md p:first-child {
  -webkit-margin-before: 0;
  margin-block-start: 0
}

div[data-v-0193f30e] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.tokens-bd-empty[data-v-0193f30e] {
  padding: var(--spacing-tight) var(--spacing-none)
}

.tokens-bd__label[data-v-0193f30e] {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
  padding: var(--spacing-super-tight) var(--spacing-tight);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: var(--spacing-super-tight);
  border-radius: var(--radius-normal);
  background: var(--color-gray-2)
}

.tokens-bd .tokens-bd__header[data-v-0193f30e],
.tokens-bd__label[data-v-0193f30e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.tokens-bd .tokens-bd__header[data-v-0193f30e] {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%
}

.tokens-bd .tokens-bd__header__title[data-v-0193f30e] {
  margin-left: 2px
}

.tokens-bd .tokens-bd__header__container[data-v-0193f30e] {
  margin: 0 0 0 4px
}

.tokens-bd .tokens-bd__header__container[data-v-0193f30e],
.tokens-bd .tokens-bd__header__tk[data-v-0193f30e] {
  color: var(--color-text-caption);
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.tokens-bd .tokens-bd__header__tk[data-v-0193f30e] {
  margin: 0 4px
}

.tokens-bd .tokens-bd__header__icon[data-v-0193f30e] {
  color: var(--color-text-caption);
  font-family: PingFang SC;
  margin: 0 0 0 4px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.tokens-bd .tokens-bd__header__desc[data-v-0193f30e],
.tokens-bd .tokens-bd__header__icon[data-v-0193f30e] {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.tokens-bd .tokens-bd__header__desc.pending[data-v-0193f30e] {
  color: var(--color-primary-normal)
}

.tokens-bd .tokens-bd__header__desc.success[data-v-0193f30e] {
  color: var(--color-success-normal)
}

.tokens-bd .tokens-bd__header__desc.error[data-v-0193f30e] {
  color: var(--color-error-normal)
}

.tokens-bd .tokens-bd__header__desc.finish[data-v-0193f30e] {
  color: var(--color-text-caption)
}

.tokens-bd__content[data-v-0193f30e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: var(--spacing-base);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: var(--spacing-tight);
  -ms-flex-item-align: stretch;
  align-self: stretch;
  border-radius: 0 0 var(--radius-large) var(--radius-large);
  border: var(--border-thickness) solid var(--color-border-normal)
}

.tokens-bd__content__dtl[data-v-0193f30e] {
  position: relative;
  width: 100%;
  padding: var(--spacing-base) var(--spacing-base-loose) var(--spacing-base) var(--spacing-base);
  color: var(--color-text-primary);
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.tokens-bd__content__dtl[data-v-0193f30e]:last-child:after {
  display: none
}

.tokens-bd__content__dtl__desc[data-v-0193f30e] {
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.tokens-bd__content__dtl__desc[data-v-0193f30e],
.tokens-bd__content__dtl__desc__detail[data-v-0193f30e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.tokens-bd__content__dtl__desc__detail[data-v-0193f30e] {
  gap: var(--spacing-base);
  color: var(--color-text-primary);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px
}

.tokens-bd__content__dtl__desc__icon[data-v-0193f30e] {
  display: none
}

.tokens-bd__content__dtl__info[data-v-0193f30e] {
  padding-left: 20px;
  margin-top: 10px;
  color: var(--color-text-caption);
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px
}

.tokens-bd__content__dtl__info.pending[data-v-0193f30e] {
  color: var(--color-primary-normal)
}

.tokens-bd__content__dtl__info.success[data-v-0193f30e] {
  color: var(--color-success-normal)
}

.tokens-bd__content__dtl__info.error[data-v-0193f30e] {
  color: var(--color-error-normal)
}

.tokens-bd__content__dtl__info.finish[data-v-0193f30e] {
  color: var(--color-text-caption)
}

.tokens-bd__content__msg[data-v-0193f30e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: var(--spacing-base);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--spacing-base);
  -ms-flex-item-align: stretch;
  align-self: stretch;
  color: var(--color-text-secondary);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px
}

.tokens-bd__content__msg__subtitle[data-v-0193f30e] {
  font-weight: 500;
  color: var(--color-text-caption)
}

.tokens-bd__content__msg__info[data-v-0193f30e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline
}

.tokens-bd__content__msg__info[data-v-0193f30e] .answer-md p {
  word-break: break-all;
  word-wrap: break-word;
  margin: 0
}

.tokens-bd__content__msg__doc[data-v-0193f30e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  gap: 5px;
  padding: 8px 0
}

.tokens-bd__content__msg__labeldesc[data-v-0193f30e] {
  color: var(--color-primary-normal);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px
}

.tokens-bd__content__msg__json[data-v-0193f30e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.tokens-bd[data-v-0193f30e] .v-collapse {
  width: 100%;
  display: grid;
  gap: 4px
}

.tokens-bd[data-v-0193f30e] .v-collapse-item {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: #fff;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.tokens-bd[data-v-0193f30e] .v-collapse-item:hover .tokens-bd__content__dtl__desc__icon {
  display: block
}

.tokens-bd[data-v-0193f30e] .v-collapse-item__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: var(--spacing-base);
  cursor: pointer;
  background: #fff
}

.tokens-bd[data-v-0193f30e] .v-collapse-item__header:hover {
  border-radius: var(--radius-normal);
  background: var(--color-fill-hover)
}

.tokens-bd[data-v-0193f30e] .v-collapse-item__content {
  border-top: none
}

.tokens-bd[data-v-0193f30e] .v-collapse-item.isShow {
  overflow: hidden
}

div[data-v-92f2c23a] {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.token-clp .token-container[data-v-92f2c23a] {
  gap: 8px
}

.token-clp .token-container[data-v-92f2c23a],
.token-clp__header[data-v-92f2c23a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.token-clp__header[data-v-92f2c23a] {
  cursor: pointer;
  padding: 4px 8px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 4px;
  border-radius: 3px;
  border: 1px solid rgba(12, 33, 72, .13);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.token-clp__header.headerClose[data-v-92f2c23a] {
  margin-top: 12px;
  width: 100%;
  padding: var(--spacing-base);
  border-radius: var(--radius-large) var(--radius-large) var(--radius-0) var(--radius-0);
  border: var(--border-thickness) solid var(--color-border-normal);
  background: #f0f6ff
}

div[data-v-a55910b6] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.tokens-agent-empty[data-v-a55910b6] {
  padding: var(--spacing-tight) var(--spacing-none)
}

.tokens-agent__label[data-v-a55910b6] {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
  padding: var(--spacing-super-tight) var(--spacing-tight);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: var(--spacing-super-tight);
  border-radius: var(--radius-normal);
  background: var(--color-gray-2)
}

.tokens-agent .tokens-agent__header[data-v-a55910b6],
.tokens-agent__label[data-v-a55910b6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.tokens-agent .tokens-agent__header[data-v-a55910b6] {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%
}

.tokens-agent .tokens-agent__header__container[data-v-a55910b6] {
  margin: 0 0 0 4px
}

.tokens-agent .tokens-agent__header__container[data-v-a55910b6],
.tokens-agent .tokens-agent__header__tk[data-v-a55910b6] {
  color: var(--color-text-caption);
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.tokens-agent .tokens-agent__header__tk[data-v-a55910b6] {
  margin: 0 4px
}

.tokens-agent .tokens-agent__header__icon[data-v-a55910b6] {
  color: var(--color-text-caption);
  font-family: PingFang SC;
  margin: 0 0 0 4px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.tokens-agent .tokens-agent__header__desc[data-v-a55910b6],
.tokens-agent .tokens-agent__header__icon[data-v-a55910b6] {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.tokens-agent .tokens-agent__header__desc.pending[data-v-a55910b6] {
  color: var(--color-primary-normal)
}

.tokens-agent .tokens-agent__header__desc.success[data-v-a55910b6] {
  color: var(--color-success-normal)
}

.tokens-agent .tokens-agent__header__desc.error[data-v-a55910b6] {
  color: var(--color-error-normal)
}

.tokens-agent .tokens-agent__header__desc.finish[data-v-a55910b6] {
  color: var(--color-text-caption)
}

.tokens-agent__content[data-v-a55910b6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: var(--spacing-base);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: var(--spacing-tight);
  -ms-flex-item-align: stretch;
  align-self: stretch;
  border-radius: 0 0 var(--radius-large) var(--radius-large);
  border: var(--border-thickness) solid var(--color-border-normal)
}

.tokens-agent__content__dtl[data-v-a55910b6] {
  position: relative;
  width: 100%;
  padding: var(--spacing-base) var(--spacing-base-loose) var(--spacing-base) var(--spacing-base);
  color: var(--color-text-primary);
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.tokens-agent__content__dtl[data-v-a55910b6]:last-child:after {
  display: none
}

.tokens-agent__content__dtl__desc[data-v-a55910b6] {
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.tokens-agent__content__dtl__desc[data-v-a55910b6],
.tokens-agent__content__dtl__desc__detail[data-v-a55910b6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.tokens-agent__content__dtl__desc__detail[data-v-a55910b6] {
  gap: var(--spacing-base);
  color: var(--color-text-primary);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px
}

.tokens-agent__content__dtl__desc__icon[data-v-a55910b6] {
  display: none
}

.tokens-agent__content__dtl__info[data-v-a55910b6] {
  padding-left: 20px;
  margin-top: 10px;
  color: var(--color-text-caption);
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px
}

.tokens-agent__content__dtl__info.pending[data-v-a55910b6] {
  color: var(--color-primary-normal)
}

.tokens-agent__content__dtl__info.success[data-v-a55910b6] {
  color: var(--color-success-normal)
}

.tokens-agent__content__dtl__info.error[data-v-a55910b6] {
  color: var(--color-error-normal)
}

.tokens-agent__content__dtl__info.finish[data-v-a55910b6] {
  color: var(--color-text-caption)
}

.tokens-agent__content__msg[data-v-a55910b6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: var(--spacing-base);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--spacing-base);
  -ms-flex-item-align: stretch;
  align-self: stretch;
  color: var(--color-text-secondary);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px
}

.tokens-agent__content__msg__subtitle[data-v-a55910b6] {
  font-weight: 500;
  color: var(--color-text-caption)
}

.tokens-agent__content__msg__info[data-v-a55910b6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline
}

.tokens-agent__content__msg__info[data-v-a55910b6] .answer-md p {
  word-break: break-all;
  word-wrap: break-word;
  margin: 0
}

.tokens-agent__content__msg__doc[data-v-a55910b6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  gap: 5px;
  padding: 8px 0
}

.tokens-agent__content__msg__labeldesc[data-v-a55910b6] {
  color: var(--color-primary-normal);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px
}

.tokens-agent__content__msg__json[data-v-a55910b6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.tokens-agent[data-v-a55910b6] .v-collapse {
  width: 100%;
  display: grid;
  gap: 4px
}

.tokens-agent[data-v-a55910b6] .v-collapse-item {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: #fff;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.tokens-agent[data-v-a55910b6] .v-collapse-item:hover .tokens-agent__content__dtl__desc__icon {
  display: block
}

.tokens-agent[data-v-a55910b6] .v-collapse-item__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: var(--spacing-base);
  cursor: pointer;
  background: #fff
}

.tokens-agent[data-v-a55910b6] .v-collapse-item__header:hover {
  border-radius: var(--radius-normal);
  background: var(--color-fill-hover)
}

.tokens-agent[data-v-a55910b6] .v-collapse-item__content {
  border-top: none
}

.tokens-agent[data-v-a55910b6] .v-collapse-item.isShow {
  overflow: hidden
}

div[data-v-5ef8f377] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.json-component-empty[data-v-5ef8f377] {
  padding: var(--spacing-tight) var(--spacing-none)
}

.vjs-checkbox {
  position: absolute;
  left: -30px;
  color: #1f2d3d;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.vjs-checkbox.is-checked .vjs-checkbox__inner {
  background-color: #1890ff;
  border-color: #0076e4
}

.vjs-checkbox.is-checked .vjs-checkbox__inner:after {
  -webkit-transform: rotate(45deg) scaleY(1);
  transform: rotate(45deg) scaleY(1)
}

.vjs-checkbox .vjs-checkbox__inner {
  display: inline-block;
  position: relative;
  border: 1px solid #bfcbd9;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  background-color: #fff;
  z-index: 1;
  cursor: pointer;
  -webkit-transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46);
  -o-transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46);
  transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46)
}

.vjs-checkbox .vjs-checkbox__inner:after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  content: "";
  border: 2px solid #fff;
  border-left: 0;
  border-top: 0;
  height: 8px;
  left: 4px;
  position: absolute;
  top: 1px;
  -webkit-transform: rotate(45deg) scaleY(0);
  transform: rotate(45deg) scaleY(0);
  width: 4px;
  -webkit-transition: -webkit-transform .15s cubic-bezier(.71, -.46, .88, .6) .05s;
  transition: -webkit-transform .15s cubic-bezier(.71, -.46, .88, .6) .05s;
  -o-transition: transform .15s cubic-bezier(.71, -.46, .88, .6) .05s;
  transition: transform .15s cubic-bezier(.71, -.46, .88, .6) .05s;
  transition: transform .15s cubic-bezier(.71, -.46, .88, .6) .05s, -webkit-transform .15s cubic-bezier(.71, -.46, .88, .6) .05s;
  -webkit-transform-origin: center;
  transform-origin: center
}

.vjs-checkbox .vjs-checkbox__original {
  opacity: 0;
  outline: none;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0
}

.vjs-radio {
  position: absolute;
  left: -30px;
  color: #1f2d3d;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.vjs-radio.is-checked .vjs-radio__inner {
  background-color: #1890ff;
  border-color: #0076e4
}

.vjs-radio.is-checked .vjs-radio__inner:after {
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1)
}

.vjs-radio .vjs-radio__inner {
  border: 1px solid #bfcbd9;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  background-color: #fff;
  position: relative;
  cursor: pointer;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.vjs-radio .vjs-radio__inner:after {
  width: 4px;
  height: 4px;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background-color: #fff;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  -webkit-transition: -webkit-transform .15s ease-in;
  transition: -webkit-transform .15s ease-in;
  -o-transition: transform .15s ease-in;
  transition: transform .15s ease-in;
  transition: transform .15s ease-in, -webkit-transform .15s ease-in
}

.vjs-radio .vjs-radio__original {
  opacity: 0;
  outline: none;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0
}

.vjs-tree {
  font-family: Monaco, Menlo, Consolas, Bitstream Vera Sans Mono, monospace;
  font-size: 14px
}

.vjs-tree.is-root {
  position: relative
}

.vjs-tree.is-root.has-selectable-control {
  margin-left: 30px
}

.vjs-tree.is-mouseover {
  background-color: #e6f7ff
}

.vjs-tree.is-highlight-selected {
  background-color: #ccefff
}

.vjs-tree .vjs-tree__content {
  padding-left: 1em
}

.vjs-tree .vjs-tree__content.has-line {
  border-left: 1px dotted #bfcbd9
}

.vjs-tree .vjs-tree__brackets {
  cursor: pointer
}

.vjs-tree .vjs-tree__brackets:hover {
  color: #1890ff
}

.vjs-tree .vjs-comment {
  color: #bfcbd9
}

.vjs-tree .vjs-value__null {
  color: #ff4949
}

.vjs-tree .vjs-value__boolean,
.vjs-tree .vjs-value__number {
  color: #1d8ce0
}

.vjs-tree .vjs-value__string {
  color: #13ce66
}

div[data-v-6020912d] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.node-logo[data-v-6020912d] {
  cursor: pointer;
  display: inline-block;
  width: 18px;
  height: 18px
}

.node-logo.node_robot[data-v-6020912d] {
  background-image: url();
  background-size: cover
}

.node-logo.node_start[data-v-6020912d] {
  background-image: url();
  background-size: cover
}

.node-logo.node_workflow[data-v-6020912d] {
  background-image: url();
  background-size: cover
}

.tokens-workflow-empty[data-v-6020912d] {
  padding: var(--spacing-tight) var(--spacing-none)
}

.tokens-workflow__label[data-v-6020912d] {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
  padding: var(--spacing-super-tight) var(--spacing-tight);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: var(--spacing-super-tight);
  border-radius: var(--radius-normal);
  background: var(--color-gray-2)
}

.tokens-workflow .tokens-workflow__header[data-v-6020912d],
.tokens-workflow__label[data-v-6020912d] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.tokens-workflow .tokens-workflow__header[data-v-6020912d] {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%
}

.tokens-workflow .tokens-workflow__header__container[data-v-6020912d] {
  color: var(--color-text-caption);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  margin: 0 0 0 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.tokens-workflow .tokens-workflow__header__tk[data-v-6020912d] {
  margin: 0 4px
}

.tokens-workflow .tokens-workflow__header__icon[data-v-6020912d],
.tokens-workflow .tokens-workflow__header__tk[data-v-6020912d] {
  color: var(--color-text-caption);
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.tokens-workflow .tokens-workflow__header__icon[data-v-6020912d] {
  margin: 0 0 0 4px
}

.tokens-workflow .tokens-workflow__header__desc[data-v-6020912d] {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.tokens-workflow .tokens-workflow__header__desc.pending[data-v-6020912d] {
  color: var(--color-primary-normal)
}

.tokens-workflow .tokens-workflow__header__desc.success[data-v-6020912d] {
  color: var(--color-success-normal)
}

.tokens-workflow .tokens-workflow__header__desc.error[data-v-6020912d] {
  color: var(--color-error-normal)
}

.tokens-workflow .tokens-workflow__header__desc.finish[data-v-6020912d] {
  color: var(--color-text-caption)
}

.tokens-workflow__content[data-v-6020912d] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: var(--spacing-base);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: var(--spacing-tight);
  -ms-flex-item-align: stretch;
  align-self: stretch;
  border-radius: 0 0 var(--radius-large) var(--radius-large);
  border: var(--border-thickness) solid var(--color-border-normal)
}

.tokens-workflow__content__dtl[data-v-6020912d] {
  position: relative;
  width: 100%;
  padding: var(--spacing-base) var(--spacing-base-loose) var(--spacing-base) var(--spacing-base);
  color: var(--color-text-primary);
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.tokens-workflow__content__dtl[data-v-6020912d]:last-child:after {
  display: none
}

.tokens-workflow__content__dtl__desc[data-v-6020912d] {
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.tokens-workflow__content__dtl__desc[data-v-6020912d],
.tokens-workflow__content__dtl__desc__detail[data-v-6020912d] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.tokens-workflow__content__dtl__desc__detail[data-v-6020912d] {
  gap: var(--spacing-base);
  color: var(--color-text-primary);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px
}

.tokens-workflow__content__dtl__desc__icon[data-v-6020912d] {
  display: none
}

.tokens-workflow__content__dtl__info[data-v-6020912d] {
  padding-left: 20px;
  margin-top: 10px;
  color: var(--color-text-caption);
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px
}

.tokens-workflow__content__dtl__info.pending[data-v-6020912d] {
  color: var(--color-primary-normal)
}

.tokens-workflow__content__dtl__info.success[data-v-6020912d] {
  color: var(--color-success-normal)
}

.tokens-workflow__content__dtl__info.error[data-v-6020912d] {
  color: var(--color-error-normal)
}

.tokens-workflow__content__dtl__info.finish[data-v-6020912d] {
  color: var(--color-text-caption)
}

.tokens-workflow__content__msg[data-v-6020912d] {
  padding: var(--spacing-base);
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  color: var(--color-text-secondary);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px
}

.tokens-workflow__content__msg[data-v-6020912d],
.tokens-workflow__content__msg__container[data-v-6020912d] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  gap: var(--spacing-base)
}

.tokens-workflow__content__msg__container[data-v-6020912d] {
  border-radius: var(--radius-large);
  background: #fafbfc;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 8px;
  padding: var(--spacing-tight)
}

.tokens-workflow__content__msg__subtitle[data-v-6020912d] {
  font-weight: 500;
  color: var(--color-text-caption)
}

.tokens-workflow__content__msg__info[data-v-6020912d] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline
}

.tokens-workflow__content__msg__info[data-v-6020912d] .answer-md p {
  word-break: break-all;
  word-wrap: break-word;
  margin: 0
}

.tokens-workflow__content__msg__doc[data-v-6020912d] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  gap: 5px
}

.tokens-workflow__content__msg__panel[data-v-6020912d] {
  margin-left: 54px
}

.tokens-workflow__content__msg__panel .tokens__outputs[data-v-6020912d] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.tokens-workflow__content__msg__panel .tokens__outputs .tokens__outputs__title[data-v-6020912d] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  color: var(--color-brand-5);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px
}

.tokens-workflow__content__msg__labeldesc[data-v-6020912d],
.tokens-workflow__content__msg__labeldesc__workflow[data-v-6020912d] {
  color: var(--color-primary-normal);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px
}

.tokens-workflow__content__msg__labeldesc__workflow[data-v-6020912d] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 2px;
  -ms-flex-item-align: stretch;
  align-self: stretch
}

.tokens-workflow__content__msg__json[data-v-6020912d] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.tokens-workflow[data-v-6020912d] .v-collapse {
  width: 100%;
  display: grid;
  gap: 4px
}

.tokens-workflow[data-v-6020912d] .v-collapse-item {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: #fff;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.tokens-workflow[data-v-6020912d] .v-collapse-item:hover .tokens-workflow__content__dtl__desc__icon {
  display: block
}

.tokens-workflow[data-v-6020912d] .v-collapse-item__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: var(--spacing-base);
  cursor: pointer;
  background: #fff
}

.tokens-workflow[data-v-6020912d] .v-collapse-item__header:hover {
  border-radius: var(--radius-normal);
  background: var(--color-fill-hover)
}

.tokens-workflow[data-v-6020912d] .v-collapse-item__content {
  border-top: none
}

.tokens-workflow[data-v-6020912d] .v-collapse-item.isShow {
  overflow: hidden
}

div[data-v-1baae918] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.knowledge-node-logo[data-v-1baae918] {
  cursor: pointer;
  display: inline-block;
  width: 18px;
  height: 18px
}

.knowledge-node-logo.knowledge_retrieval[data-v-1baae918] {
  background-image: url();
  background-size: cover
}

.tokens-bd-empty[data-v-1baae918] {
  padding: var(--spacing-tight) var(--spacing-none)
}

.tokens-bd__label[data-v-1baae918] {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
  padding: var(--spacing-super-tight) var(--spacing-tight);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: var(--spacing-super-tight);
  border-radius: var(--radius-normal);
  background: var(--color-gray-2)
}

.tokens-bd .tokens-bd__header[data-v-1baae918],
.tokens-bd__label[data-v-1baae918] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.tokens-bd .tokens-bd__header[data-v-1baae918] {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%
}

.tokens-bd .tokens-bd__header__container[data-v-1baae918] {
  margin: 0 0 0 4px
}

.tokens-bd .tokens-bd__header__container[data-v-1baae918],
.tokens-bd .tokens-bd__header__tk[data-v-1baae918] {
  color: var(--color-text-caption);
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.tokens-bd .tokens-bd__header__tk[data-v-1baae918] {
  margin: 0 4px
}

.tokens-bd .tokens-bd__header__icon[data-v-1baae918] {
  color: var(--color-text-caption);
  font-family: PingFang SC;
  margin: 0 0 0 4px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.tokens-bd .tokens-bd__header__desc[data-v-1baae918],
.tokens-bd .tokens-bd__header__icon[data-v-1baae918] {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.tokens-bd .tokens-bd__header__desc.pending[data-v-1baae918] {
  color: var(--color-primary-normal)
}

.tokens-bd .tokens-bd__header__desc.success[data-v-1baae918] {
  color: var(--color-success-normal)
}

.tokens-bd .tokens-bd__header__desc.error[data-v-1baae918] {
  color: var(--color-error-normal)
}

.tokens-bd .tokens-bd__header__desc.finish[data-v-1baae918] {
  color: var(--color-text-caption)
}

.tokens-bd__content[data-v-1baae918] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: var(--spacing-base);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: var(--spacing-tight);
  -ms-flex-item-align: stretch;
  align-self: stretch;
  border-radius: 0 0 var(--radius-large) var(--radius-large);
  border: var(--border-thickness) solid var(--color-border-normal)
}

.tokens-bd__content__dtl[data-v-1baae918] {
  position: relative;
  width: 100%;
  padding: var(--spacing-base) var(--spacing-base-loose) var(--spacing-base) var(--spacing-base);
  color: var(--color-text-primary);
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.tokens-bd__content__dtl[data-v-1baae918]:last-child:after {
  display: none
}

.tokens-bd__content__dtl__desc[data-v-1baae918] {
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.tokens-bd__content__dtl__desc[data-v-1baae918],
.tokens-bd__content__dtl__desc__detail[data-v-1baae918] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.tokens-bd__content__dtl__desc__detail[data-v-1baae918] {
  gap: var(--spacing-base);
  color: var(--color-text-primary);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px
}

.tokens-bd__content__dtl__desc__icon[data-v-1baae918] {
  display: none
}

.tokens-bd__content__dtl__info[data-v-1baae918] {
  padding-left: 20px;
  margin-top: 10px;
  color: var(--color-text-caption);
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px
}

.tokens-bd__content__dtl__info.pending[data-v-1baae918] {
  color: var(--color-primary-normal)
}

.tokens-bd__content__dtl__info.success[data-v-1baae918] {
  color: var(--color-success-normal)
}

.tokens-bd__content__dtl__info.error[data-v-1baae918] {
  color: var(--color-error-normal)
}

.tokens-bd__content__dtl__info.finish[data-v-1baae918] {
  color: var(--color-text-caption)
}

.tokens-bd__content__msg[data-v-1baae918] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: var(--spacing-base);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--spacing-base);
  -ms-flex-item-align: stretch;
  align-self: stretch;
  color: var(--color-text-secondary);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px
}

.tokens-bd__content__msg__subtitle[data-v-1baae918] {
  font-weight: 500;
  color: var(--color-text-caption)
}

.tokens-bd__content__msg__info[data-v-1baae918] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline
}

.tokens-bd__content__msg__info[data-v-1baae918] .answer-md p {
  word-break: break-all;
  word-wrap: break-word;
  margin: 0
}

.tokens-bd__content__msg__workflow[data-v-1baae918] {
  cursor: pointer;
  gap: 5px;
  padding: 8px 0
}

.tokens-bd__content__msg__doc[data-v-1baae918],
.tokens-bd__content__msg__workflow[data-v-1baae918] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.tokens-bd__content__msg__doc[data-v-1baae918] {
  height: 16px;
  gap: 4px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-item-align: stretch;
  align-self: stretch
}

.tokens-bd__content__msg__doc .text[data-v-1baae918],
.tokens-bd__content__msg__labeldesc[data-v-1baae918] {
  color: var(--color-primary-normal);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px
}

.tokens-bd__content__msg__labeldesc__tag[data-v-1baae918] {
  margin: 8px 0;
  color: var(--color-link-normal);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: var(--spacing-super-tight) var(--spacing-tight);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--spacing-super-tight);
  border-radius: var(--radius-normal);
  border: var(--border-normal) solid var(--color-brand-2);
  background: var(--color-brand-0)
}

.tokens-bd__content__msg__json[data-v-1baae918] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.tokens-bd[data-v-1baae918] .v-collapse {
  width: 100%;
  display: grid;
  gap: 4px
}

.tokens-bd[data-v-1baae918] .v-collapse-item {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: #fff;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.tokens-bd[data-v-1baae918] .v-collapse-item:hover .tokens-bd__content__dtl__desc__icon {
  display: block
}

.tokens-bd[data-v-1baae918] .v-collapse-item__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: var(--spacing-base);
  cursor: pointer;
  background: #fff
}

.tokens-bd[data-v-1baae918] .v-collapse-item__header:hover {
  border-radius: var(--radius-normal);
  background: var(--color-fill-hover)
}

.tokens-bd[data-v-1baae918] .v-collapse-item__content {
  border-top: none
}

.tokens-bd[data-v-1baae918] .v-collapse-item.isShow {
  overflow: hidden
}

div[data-v-4638a515] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.tokens-bd .tokens-bd__header[data-v-4638a515] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%
}

.tokens-bd .tokens-bd__header__container[data-v-4638a515] {
  margin: 0 0 0 4px
}

.tokens-bd .tokens-bd__header__container[data-v-4638a515],
.tokens-bd .tokens-bd__header__tk[data-v-4638a515] {
  color: var(--color-text-caption);
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.tokens-bd .tokens-bd__header__tk[data-v-4638a515] {
  margin: 0 4px
}

.tokens-bd .tokens-bd__header__icon[data-v-4638a515] {
  color: var(--color-text-caption);
  margin: 0 0 0 4px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.tokens-bd .tokens-bd__header__desc[data-v-4638a515],
.tokens-bd .tokens-bd__header__icon[data-v-4638a515] {
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.tokens-bd .tokens-bd__header__desc.pending[data-v-4638a515] {
  color: var(--color-primary-normal)
}

.tokens-bd .tokens-bd__header__desc.success[data-v-4638a515] {
  color: var(--color-success-normal)
}

.tokens-bd .tokens-bd__header__desc.error[data-v-4638a515] {
  color: var(--color-error-normal)
}

.tokens-bd .tokens-bd__header__desc.finish[data-v-4638a515] {
  color: var(--color-text-caption)
}

.tokens-bd__content[data-v-4638a515] {
  background: var(--color-bg-1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: var(--spacing-tight);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 4px;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  border-radius: 0 0 var(--radius-large) var(--radius-large);
  border: var(--border-thickness) solid var(--color-border-normal)
}

.tokens-bd__content__dtl[data-v-4638a515] {
  position: relative;
  width: 100%;
  padding: var(--spacing-base) var(--spacing-base-loose) var(--spacing-base) var(--spacing-base);
  color: var(--color-text-primary);
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.tokens-bd__content__dtl[data-v-4638a515]:last-child:after {
  display: none
}

.tokens-bd__content__dtl__desc[data-v-4638a515] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px
}

.tokens-bd__content__dtl__info[data-v-4638a515] {
  padding-left: 20px;
  margin-top: 10px;
  color: var(--color-text-caption);
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px
}

.tokens-bd__content__dtl__info.pending[data-v-4638a515] {
  color: var(--color-primary-normal)
}

.tokens-bd__content__dtl__info.success[data-v-4638a515] {
  color: var(--color-success-normal)
}

.tokens-bd__content__dtl__info.error[data-v-4638a515] {
  color: var(--color-error-normal)
}

.tokens-bd__content__dtl__info.finish[data-v-4638a515] {
  color: var(--color-text-caption)
}

div[data-v-88d41ae0] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.tokens-workflow-empty[data-v-88d41ae0] {
  padding: var(--spacing-tight) var(--spacing-none)
}

.tokens-workflow-error[data-v-88d41ae0] {
  color: var(--color-error-normal)
}

.tokens-workflow__label[data-v-88d41ae0] {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: var(--spacing-super-tight) var(--spacing-tight);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--spacing-super-tight);
  border-radius: var(--radius-normal);
  background: var(--color-gray-2)
}

.tokens-workflow .tokens-workflow__header[data-v-88d41ae0] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%
}

.tokens-workflow .tokens-workflow__header__container[data-v-88d41ae0] {
  margin: 0 0 0 4px
}

.tokens-workflow .tokens-workflow__header__container[data-v-88d41ae0],
.tokens-workflow .tokens-workflow__header__tk[data-v-88d41ae0] {
  color: var(--color-text-caption);
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.tokens-workflow .tokens-workflow__header__tk[data-v-88d41ae0] {
  margin: 0 4px
}

.tokens-workflow .tokens-workflow__header__icon[data-v-88d41ae0] {
  color: var(--color-text-caption);
  margin: 0 0 0 4px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.tokens-workflow .tokens-workflow__header__desc[data-v-88d41ae0],
.tokens-workflow .tokens-workflow__header__icon[data-v-88d41ae0] {
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.tokens-workflow .tokens-workflow__header__desc.pending[data-v-88d41ae0] {
  color: var(--color-primary-normal)
}

.tokens-workflow .tokens-workflow__header__desc.success[data-v-88d41ae0] {
  color: var(--color-success-normal)
}

.tokens-workflow .tokens-workflow__header__desc.error[data-v-88d41ae0] {
  color: var(--color-error-normal)
}

.tokens-workflow .tokens-workflow__header__desc.finish[data-v-88d41ae0] {
  color: var(--color-text-caption)
}

.tokens-workflow__content[data-v-88d41ae0] {
  background: var(--color-bg-1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: var(--spacing-base);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 4px;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  border-radius: 0 0 var(--radius-large) var(--radius-large);
  border: var(--border-thickness) solid var(--color-border-normal)
}

.tokens-workflow__content__dtl[data-v-88d41ae0] {
  position: relative;
  width: 100%;
  padding: var(--spacing-base) var(--spacing-base-loose) var(--spacing-base) var(--spacing-base);
  color: var(--color-text-primary);
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.tokens-workflow__content__dtl[data-v-88d41ae0]:last-child:after {
  display: none
}

.tokens-workflow__content__dtl__desc[data-v-88d41ae0] {
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.tokens-workflow__content__dtl__desc[data-v-88d41ae0],
.tokens-workflow__content__dtl__desc__detail[data-v-88d41ae0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.tokens-workflow__content__dtl__desc__detail[data-v-88d41ae0] {
  gap: var(--spacing-base)
}

.tokens-workflow__content__dtl__desc__icon[data-v-88d41ae0] {
  display: none
}

.tokens-workflow__content__dtl__info[data-v-88d41ae0] {
  padding-left: 20px;
  margin-top: 10px;
  color: var(--color-text-caption);
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px
}

.tokens-workflow__content__dtl__info.pending[data-v-88d41ae0] {
  color: var(--color-primary-normal)
}

.tokens-workflow__content__dtl__info.success[data-v-88d41ae0] {
  color: var(--color-success-normal)
}

.tokens-workflow__content__dtl__info.error[data-v-88d41ae0] {
  color: var(--color-error-normal)
}

.tokens-workflow__content__dtl__info.finish[data-v-88d41ae0] {
  color: var(--color-text-caption)
}

.tokens-workflow__content__msg[data-v-88d41ae0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: var(--spacing-base-loose);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--spacing-base);
  -ms-flex-item-align: stretch;
  align-self: stretch;
  color: var(--color-text-secondary);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px
}

.tokens-workflow__content__msg__subtitle[data-v-88d41ae0] {
  font-weight: 500;
  color: var(--color-text-caption)
}

.tokens-workflow__content__msg__info[data-v-88d41ae0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline
}

.tokens-workflow__content__msg__info[data-v-88d41ae0] .answer-md p {
  word-break: break-all;
  word-wrap: break-word;
  margin: 0
}

.tokens-workflow__content__msg__doc[data-v-88d41ae0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  gap: 5px;
  padding: 8px 0
}

.tokens-workflow__content__msg__container[data-v-88d41ae0] {
  border-radius: var(--radius-normal);
  background: var(--color-fill-hover)
}

.tokens-workflow__content__msg .is-current[data-v-88d41ae0] {
  border-left: 5px solid var(--color-green-5)
}

.tokens-workflow__content__msg__title[data-v-88d41ae0] {
  color: var(--color-text-secondary);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px
}

.tokens-workflow__content__msg__panel[data-v-88d41ae0] {
  margin-left: 20px
}

.tokens-workflow__content__msg__labeldesc[data-v-88d41ae0] {
  color: var(--color-primary-normal);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px
}

.tokens-workflow__content__msg__json[data-v-88d41ae0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.tokens-workflow[data-v-88d41ae0] .v-collapse {
  width: 100%;
  display: grid;
  gap: 4px
}

.tokens-workflow[data-v-88d41ae0] .v-collapse-item {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: #fff;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.tokens-workflow[data-v-88d41ae0] .v-collapse-item:hover .tokens-workflow__content__dtl__desc__icon {
  display: block
}

.tokens-workflow[data-v-88d41ae0] .v-collapse-item__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: var(--spacing-base);
  cursor: pointer;
  background: #fff
}

.tokens-workflow[data-v-88d41ae0] .v-collapse-item__header:hover {
  border-radius: var(--radius-normal)
}

.tokens-workflow[data-v-88d41ae0] .v-collapse-item__content {
  background: var(--color-bg-contrast);
  border-radius: 0 0 var(--radius-normal) var(--radius-normal);
  border-top: none
}

.tokens-workflow[data-v-88d41ae0] .v-collapse-item.isShow {
  border: var(--border-thickness) solid var(--color-border-normal);
  border-radius: var(--radius-large);
  overflow: hidden
}

div[data-v-70eded05] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.tokens-agent-empty[data-v-70eded05] {
  padding: var(--spacing-tight) var(--spacing-none)
}

.tokens-agent__label[data-v-70eded05] {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
  padding: var(--spacing-super-tight) var(--spacing-tight);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: var(--spacing-super-tight);
  border-radius: var(--radius-normal);
  background: var(--color-gray-2)
}

.tokens-agent .tokens-agent__header[data-v-70eded05],
.tokens-agent__label[data-v-70eded05] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.tokens-agent .tokens-agent__header[data-v-70eded05] {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%
}

.tokens-agent .tokens-agent__header__container[data-v-70eded05] {
  margin: 0 0 0 4px
}

.tokens-agent .tokens-agent__header__container[data-v-70eded05],
.tokens-agent .tokens-agent__header__tk[data-v-70eded05] {
  color: var(--color-text-caption);
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.tokens-agent .tokens-agent__header__tk[data-v-70eded05] {
  margin: 0 4px
}

.tokens-agent .tokens-agent__header__icon[data-v-70eded05] {
  color: var(--color-text-caption);
  font-family: PingFang SC;
  margin: 0 0 0 4px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.tokens-agent .tokens-agent__header__desc[data-v-70eded05],
.tokens-agent .tokens-agent__header__icon[data-v-70eded05] {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.tokens-agent .tokens-agent__header__desc.pending[data-v-70eded05] {
  color: var(--color-primary-normal)
}

.tokens-agent .tokens-agent__header__desc.success[data-v-70eded05] {
  color: var(--color-success-normal)
}

.tokens-agent .tokens-agent__header__desc.error[data-v-70eded05] {
  color: var(--color-error-normal)
}

.tokens-agent .tokens-agent__header__desc.finish[data-v-70eded05] {
  color: var(--color-text-caption)
}

.tokens-agent__content[data-v-70eded05] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: var(--spacing-base);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: var(--spacing-tight);
  -ms-flex-item-align: stretch;
  align-self: stretch;
  border-radius: 0 0 var(--radius-large) var(--radius-large);
  border: var(--border-thickness) solid var(--color-border-normal)
}

.tokens-agent__content__dtl[data-v-70eded05] {
  position: relative;
  width: 100%;
  padding: var(--spacing-base) var(--spacing-base-loose) var(--spacing-base) var(--spacing-base);
  color: var(--color-text-primary);
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.tokens-agent__content__dtl[data-v-70eded05]:last-child:after {
  display: none
}

.tokens-agent__content__dtl__desc[data-v-70eded05] {
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.tokens-agent__content__dtl__desc[data-v-70eded05],
.tokens-agent__content__dtl__desc__detail[data-v-70eded05] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.tokens-agent__content__dtl__desc__detail[data-v-70eded05] {
  gap: var(--spacing-base);
  color: var(--color-text-primary);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px
}

.tokens-agent__content__dtl__desc__icon[data-v-70eded05] {
  display: none
}

.tokens-agent__content__dtl__info[data-v-70eded05] {
  padding-left: 20px;
  margin-top: 10px;
  color: var(--color-text-caption);
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px
}

.tokens-agent__content__dtl__info.pending[data-v-70eded05] {
  color: var(--color-primary-normal)
}

.tokens-agent__content__dtl__info.success[data-v-70eded05] {
  color: var(--color-success-normal)
}

.tokens-agent__content__dtl__info.error[data-v-70eded05] {
  color: var(--color-error-normal)
}

.tokens-agent__content__dtl__info.finish[data-v-70eded05] {
  color: var(--color-text-caption)
}

.tokens-agent__content__msg[data-v-70eded05] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: var(--spacing-base);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--spacing-base);
  -ms-flex-item-align: stretch;
  align-self: stretch;
  color: var(--color-text-secondary);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px
}

.tokens-agent__content__msg__subtitle[data-v-70eded05] {
  font-weight: 500;
  color: var(--color-text-caption)
}

.tokens-agent__content__msg__info[data-v-70eded05] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline
}

.tokens-agent__content__msg__info[data-v-70eded05] .answer-md p {
  word-break: break-all;
  word-wrap: break-word;
  margin: 0
}

.tokens-agent__content__msg__doc[data-v-70eded05] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  gap: 5px;
  padding: 8px 0
}

.tokens-agent__content__msg__labeldesc[data-v-70eded05] {
  color: var(--color-primary-normal);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px
}

.tokens-agent__content__msg__json[data-v-70eded05] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.tokens-agent[data-v-70eded05] .v-collapse {
  width: 100%;
  display: grid;
  gap: 4px
}

.tokens-agent[data-v-70eded05] .v-collapse-item {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: #fff;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.tokens-agent[data-v-70eded05] .v-collapse-item:hover .tokens-agent__content__dtl__desc__icon {
  display: block
}

.tokens-agent[data-v-70eded05] .v-collapse-item__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: var(--spacing-base);
  cursor: pointer;
  background: #fff
}

.tokens-agent[data-v-70eded05] .v-collapse-item__header:hover {
  border-radius: var(--radius-normal);
  background: var(--color-fill-hover)
}

.tokens-agent[data-v-70eded05] .v-collapse-item__content {
  border-top: none
}

.tokens-agent[data-v-70eded05] .v-collapse-item.isShow {
  overflow: hidden
}

div[data-v-712f0dc8] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media (min-width:800px) {
  .rec-container[data-v-712f0dc8] {
    max-width: 712px
  }
}

.rec-container-item[data-v-712f0dc8] {
  margin-top: 8px;
  cursor: pointer;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: var(--spacing-base) var(--spacing-base-loose);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: var(--radius-large);
  border: var(--border-thickness) solid var(--color-border-normal);
  background: var(--inverse-opacity-4);
  -webkit-box-shadow: var(--shadow-small-light-x-1) var(--shadow-small-light-y-1) var(--shadow-large-light-blur-1) var(--shadow-small-light-spread-1) var(--shadow-small-light-color-1), var(--shadow-small-light-x-2) var(--shadow-small-light-y-2) var(--shadow-small-light-blur-2) var(--shadow-small-light-spread-2) var(--shadow-small-light-color-2), var(--shadow-small-light-x-3) var(--shadow-small-light-y-3) var(--shadow-small-light-blur-3) var(--shadow-small-light-spread-3) var(--shadow-small-light-color-3);
  box-shadow: var(--shadow-small-light-x-1) var(--shadow-small-light-y-1) var(--shadow-large-light-blur-1) var(--shadow-small-light-spread-1) var(--shadow-small-light-color-1), var(--shadow-small-light-x-2) var(--shadow-small-light-y-2) var(--shadow-small-light-blur-2) var(--shadow-small-light-spread-2) var(--shadow-small-light-color-2), var(--shadow-small-light-x-3) var(--shadow-small-light-y-3) var(--shadow-small-light-blur-3) var(--shadow-small-light-spread-3) var(--shadow-small-light-color-3);
  color: var(--color-primary-normal);
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px
}

div[data-v-7ef8e2b2] {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.thought-clps.thought-clps-open[data-v-7ef8e2b2] {
  margin-bottom: 16px
}

.thought-clps.thought-clps-open .thought-clps-title[data-v-7ef8e2b2] {
  padding: 0
}

.thought-clps-modellabel[data-v-7ef8e2b2] {
  color: var(--color-text-caption);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal
}

.thought-clps-title[data-v-7ef8e2b2] {
  color: var(--color-text-caption);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  cursor: pointer;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--spacing-tight)
}

.thought-clps-title-desc[data-v-7ef8e2b2]:hover {
  background: -webkit-gradient(linear, left top, right top, color-stop(-7.64%, #62c3ff), color-stop(49.61%, #5b89ff), to(#7978ff));
  background: linear-gradient(90deg, #62c3ff -7.64%, #5b89ff 49.61%, #7978ff);
  background-clip: text;
  color: transparent
}

.thought-clps .thought-clps-title-isOpen[data-v-7ef8e2b2] {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  cursor: pointer;
  padding: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--spacing-tight);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: var(--radius-large);
  border: var(--border-thickness) solid var(--color-border-normal);
  background: var(--color-bg-1)
}

.thought-clps-content[data-v-7ef8e2b2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  border-left: 1px solid var(--color-border-normal);
  margin: var(--spacing-base-loose) 0 var(--spacing-base) 0;
  padding: 0 12px
}

.thought-clps-content .thought-title[data-v-7ef8e2b2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.thought-clps-content .thought-title .thought-title-container[data-v-7ef8e2b2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px
}

.thought-clps-content .thought-title .thought-title-icon[data-v-7ef8e2b2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 16px;
  height: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 8px;
  margin-right: 4px
}

.thought-clps-content .thought-title .agent-title-icon[data-v-7ef8e2b2] {
  width: 20px;
  height: 20px;
  margin-right: 4px
}

.thought-clps-content .thought-title .thought-title-name[data-v-7ef8e2b2] {
  color: var(--color-text-primary);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: inline-block
}

.thought-clps-content .thought-title .thought-title-elapsed[data-v-7ef8e2b2] {
  color: var(--color-text-caption);
  font-family: Monaco;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal
}

.thought-clps-content .thought-new-title[data-v-7ef8e2b2] {
  display: block
}

.thought-clps-content .thought-new-title .thought-tool-inner[data-v-7ef8e2b2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.thought-clps-content .thought-new-title .thought-agent-name[data-v-7ef8e2b2] {
  font-weight: 600
}

.thought-clps-content .thought-new-title .thought-tool-container[data-v-7ef8e2b2] {
  gap: 4px;
  line-height: 24px;
  height: 24px;
  position: relative;
  cursor: pointer
}

.thought-clps-content .thought-new-title .thought-tool-container.disabled[data-v-7ef8e2b2] {
  cursor: not-allowed
}

.thought-clps-content .thought-new-title .thought-tool-container .thought-tool-inner[data-v-7ef8e2b2] {
  padding: 0 8px;
  position: absolute;
  max-width: 100%;
  border: 1px solid rgba(0, 0, 0, .08);
  background: var(--color-bg-contrast);
  border-radius: 20px
}

.thought-clps-content .thought-new-title .thought-tool-container .thought-title-name[data-v-7ef8e2b2] {
  font-size: 12px;
  font-weight: 400;
  color: var(--color-text-secondary);
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.thought-clps-content .thought-new-title .thought-tool-container .workspace-active .thought-title-name[data-v-7ef8e2b2] {
  max-width: 80%
}

.thought-clps-content .thought-new-title .thought-tool-container .thought-line[data-v-7ef8e2b2] {
  margin: 0 4px;
  color: var(--color-text-caption);
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px)
}

.thought-clps-content .thought-new-title .thought-agent-container .thought-line[data-v-7ef8e2b2],
.thought-clps-content .thought-new-title .thought-agent-container .thought-title-name[data-v-7ef8e2b2],
.thought-clps-content .thought-new-title .thought-tool-container .thought-agent-name[data-v-7ef8e2b2],
.thought-clps-content .thought-new-title .thought-tool-container .thought-title-elapsed span[data-v-7ef8e2b2] {
  display: none
}

.thought-clps-content .thought-detail[data-v-7ef8e2b2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  color: var(--color-text-secondary);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px
}

.thought-clps-content .thought-detail[data-v-7ef8e2b2] p {
  word-break: break-all;
  word-wrap: break-word;
  margin: 0
}

.thought-clps-content .thought-detail.last-item[data-v-7ef8e2b2] {
  border-bottom: 1.5px solid var(--color-gray-4)
}

.thought-clps-content .thought-detail[data-v-7ef8e2b2] code {
  overflow: overlay
}

.thought-clps-content .thought-detail[data-v-7ef8e2b2] code::-webkit-scrollbar {
  background: transparent;
  width: 5px;
  height: 8px
}

.thought-clps-content .thought-detail[data-v-7ef8e2b2] code::-webkit-scrollbar-track {
  background: transparent;
  width: 0
}

.thought-clps-content .thought-detail[data-v-7ef8e2b2] code::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #eee
}

.thought-clps-content .thought-tips[data-v-7ef8e2b2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: var(--spacing-base-loose) 10px 4px 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  -ms-flex-item-align: stretch;
  align-self: stretch
}

.thought-clps-content .thought-tips-workflow[data-v-7ef8e2b2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 3px 12px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 10px;
  border-radius: 20px;
  background: #f3f5fb;
  color: var(--gray---color-gray-5, var(--global-color-gray---color-gray-5, #b2b8c6));
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal
}

div[data-v-32e2c48d] {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.reference-source[data-v-32e2c48d] {
  font-size: 14px;
  color: var(--color-text-caption);
  text-align: left;
  position: relative
}

.reference-source .v-button[data-v-32e2c48d] {
  text-decoration: none;
  text-align: left
}

.reference-source .expand-control[data-v-32e2c48d] {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 12px;
  cursor: pointer
}

.reference-source .expand-control>span[data-v-32e2c48d] {
  color: var(--link---color-link-normal, #3e71ff)
}

.divider-demo[data-v-6698b562] {
  -ms-flex-align: center;
  margin: 16px 0;
  color: rgba(0, 0, 0, .88);
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
  -ms-flex-pack: center;
  -webkit-border-before: 0 rgba(5, 5, 5, .06);
  border-block-start: 0 rgba(5, 5, 5, .06);
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.divider-demo-text[data-v-6698b562],
.divider-demo[data-v-6698b562] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center
}

.divider-demo-text[data-v-6698b562] {
  color: var(--text---color-text-caption, rgba(0, 11, 52, .41));
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  border-radius: var(--radius-large);
  border: var(--border-thickness) solid var(--color-divider-normal);
  background: var(--color-bg-1);
  padding: 4px 16px;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  gap: 4px
}

.divider-demo[data-v-6698b562]:after,
.divider-demo[data-v-6698b562]:before {
  position: relative;
  width: 50%;
  -webkit-border-before: 1px solid transparent;
  border-block-start: 1px solid transparent;
  border-block-start-color: inherit;
  -webkit-border-after: 0;
  border-block-end: 0;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  content: ""
}

.recommend-question-container[data-v-df58b3bc] {
  --input-margin: 12px;
  margin: var(--spacing-loose) 0 0 0;
  -webkit-transition: all .2s var(--motion--ease-in-out);
  transition: all .2s var(--motion--ease-in-out)
}

.recommend-question-container[data-v-df58b3bc]::-webkit-scrollbar {
  display: none
}

.recommend-question-container.input-shortcut[data-v-df58b3bc] {
  overflow-x: auto;
  padding: var(--input-margin) 0;
  margin: 0 var(--input-margin)
}

.recommend-question-container.input-shortcut[data-v-df58b3bc]:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: var(--size-m);
  height: 52px;
  pointer-events: none;
  z-index: 1;
  border-radius: var(--radius-0);
  right: var(--input-margin);
  background: -webkit-gradient(linear, right top, left top, from(#fff), to(hsla(0, 0%, 100%, 0)));
  background: linear-gradient(270deg, #fff, hsla(0, 0%, 100%, 0))
}

.recommend-question-container.input-shortcut .recommend-question-list[data-v-df58b3bc] {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  white-space: nowrap
}

.recommend-question-list[data-v-df58b3bc] {
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  gap: var(--spacing-base);
  padding: 0;
  margin: 0
}

.recommend-question-list .question-item[data-v-df58b3bc],
.recommend-question-list[data-v-df58b3bc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all var(--duration-start-s) var(--motion--ease-in-out);
  transition: all var(--duration-start-s) var(--motion--ease-in-out)
}

.recommend-question-list .question-item[data-v-df58b3bc] {
  cursor: pointer;
  height: 32px;
  list-style: none;
  padding: 0 var(--spacing-base-loose);
  border-radius: var(--radius-large);
  border: var(--border-thickness) solid var(--color-border-normal);
  background: var(--inverse-opacity-4);
  -webkit-box-shadow: var(--shadow-small-light-x-1) var(--shadow-small-light-y-1) var(--shadow-large-light-blur-1) var(--shadow-small-light-spread-1) var(--shadow-small-light-color-1), var(--shadow-small-light-x-2) var(--shadow-small-light-y-2) var(--shadow-small-light-blur-2) var(--shadow-small-light-spread-2) var(--shadow-small-light-color-2), var(--shadow-small-light-x-3) var(--shadow-small-light-y-3) var(--shadow-small-light-blur-3) var(--shadow-small-light-spread-3) var(--shadow-small-light-color-3);
  box-shadow: var(--shadow-small-light-x-1) var(--shadow-small-light-y-1) var(--shadow-large-light-blur-1) var(--shadow-small-light-spread-1) var(--shadow-small-light-color-1), var(--shadow-small-light-x-2) var(--shadow-small-light-y-2) var(--shadow-small-light-blur-2) var(--shadow-small-light-spread-2) var(--shadow-small-light-color-2), var(--shadow-small-light-x-3) var(--shadow-small-light-y-3) var(--shadow-small-light-blur-3) var(--shadow-small-light-spread-3) var(--shadow-small-light-color-3)
}

.recommend-question-list .question-item .btn-text[data-v-df58b3bc] {
  color: var(--color-primary-normal);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px
}

.recommend-question-list .question-item .btn-text[data-v-df58b3bc]:hover {
  background-color: transparent;
  border-color: transparent
}

.recommend-question-list .question-item[data-v-df58b3bc]:hover {
  background: var(--color-fill-hover)
}

.recommend-question-list .question-item[data-v-df58b3bc]:active {
  background: var(--color-fill-active)
}

.question-input[data-v-219ebba5] {
  background: hsla(0, 0%, 100%, .6);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px
}

.question-input .toolbar-info[data-v-219ebba5] {
  display: inline-block;
  font-weight: 400;
  font-size: 12px;
  color: var(--color-text-caption)
}

.question-input .toolbar-info .red-txt[data-v-219ebba5] {
  color: red
}

.question-input .stop-button[data-v-219ebba5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.question-input .stop-button button[data-v-219ebba5] {
  -webkit-box-shadow: var(--shadow-small);
  box-shadow: var(--shadow-small);
  border: none;
  padding: 6px 8px
}

.question-input .question-mask[data-v-219ebba5] {
  width: 100%;
  height: 110px;
  position: absolute;
  z-index: 200;
  background: hsla(0, 0%, 100%, 0);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: bolder
}

.question-input .question-mask[data-v-219ebba5],
.question-input .tips[data-v-219ebba5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.question-input .tips[data-v-219ebba5] {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: var(--text---c-color-text-caption, rgba(0, 11, 54, .41));
  font: var(--caption-regular);
  padding: 0 var(--spacing-quite-loose) var(--spacing-base-loose) var(--spacing-quite-loose)
}

.question-input-inner[data-v-219ebba5] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: var(--spacing-base-loose) var(--spacing-quite-loose);
  background-color: hsla(0, 0%, 100%, .8);
  border: var(--border-normal) solid;
  border-color: #e1e6f0;
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 55, 159, .05);
  box-shadow: 0 4px 12px 0 rgba(0, 55, 159, .05);
  border-radius: var(--radius-large)
}

.question-input-inner.has-recommend[data-v-219ebba5] {
  margin: 0 12px 12px
}

.question-input-inner[data-v-219ebba5]:hover {
  border: 1px solid var(--color-border-hover);
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 55, 159, .05);
  box-shadow: 0 4px 12px 0 rgba(0, 55, 159, .05)
}

.question-input-inner .v-textarea--default[data-v-219ebba5] {
  border-radius: var(--radius-large)
}

.question-input-inner.inputFocus[data-v-219ebba5],
.question-input-inner[data-v-219ebba5]:has(.question-input-inner),
.question-input-inner[data-v-219ebba5]:has(.v-textarea--focus) {
  border: 1px solid transparent;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background-image: -webkit-gradient(linear, left top, right top, from(#fff), to(#fff)), conic-gradient(from 180deg, #4a70ff, #53cbff 30%, #6054f5 70%, #4a70ff);
  background-image: linear-gradient(90deg, #fff, #fff), conic-gradient(from 180deg, #4a70ff, #53cbff 30%, #6054f5 70%, #4a70ff);
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 55, 159, .05);
  box-shadow: 0 4px 12px 0 rgba(0, 55, 159, .05)
}

.question-input-inner.disabled[data-v-219ebba5] {
  background-color: var(--color-fill-disable);
  border-color: var(--color-border-disable) !important
}

.question-input-inner.disabled .v-textarea__placeholder[data-v-219ebba5] {
  color: var(--color-text-disable)
}

.question-input-inner__image-outer[data-v-219ebba5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  padding: var(--spacing-base-loose) var(--spacing-base-loose) 0 var(--spacing-base-loose);
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: var(--spacing-base);
  -ms-flex-item-align: stretch;
  align-self: stretch;
  border-top-left-radius: var(--radius-large);
  border-top-right-radius: var(--radius-large)
}

.question-input-inner__image-outer .exist-img[data-v-219ebba5] {
  cursor: pointer;
  margin-top: auto;
  margin-bottom: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 54px;
  height: 54px;
  padding: 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: var(--radius-large);
  border: var(--border-thickness) solid var(--color-divider-normal);
  position: relative
}

.question-input-inner__image-outer .exist-img:hover .delete-button[data-v-219ebba5] {
  visibility: visible
}

.question-input-inner__image-outer .exist-img .delete-button[data-v-219ebba5] {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  visibility: hidden;
  position: absolute;
  top: 2px;
  right: 2px
}

.question-input-inner__image-outer .exist-img .delete-button button[data-v-219ebba5] {
  background: transparent;
  color: var(--color-text-caption);
  border: none;
  padding: 0;
  height: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.question-input-inner__image-outer .exist-img .delete-button .v-icon[data-v-219ebba5] {
  width: 14px;
  height: 14px
}

.question-input-inner__image-outer .exist-img>img[data-v-219ebba5] {
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  width: 100%
}

.question-input-inner__image-outer .exist-doc[data-v-219ebba5] {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
  padding: var(--spacing-base);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--spacing-tight);
  border-radius: var(--radius-large);
  background: var(--color-bg-1);
  -webkit-box-shadow: var(--shadow-small-light-x-1) var(--shadow-small-light-y-1) var(--shadow-large-light-blur-1) var(--shadow-small-light-spread-1) var(--shadow-small-light-color-1), var(--shadow-small-light-x-2) var(--shadow-small-light-y-2) var(--shadow-small-light-blur-2) var(--shadow-small-light-spread-2) var(--shadow-small-light-color-2), var(--shadow-small-light-x-3) var(--shadow-small-light-y-3) var(--shadow-small-light-blur-3) var(--shadow-small-light-spread-3) var(--shadow-small-light-color-3);
  box-shadow: var(--shadow-small-light-x-1) var(--shadow-small-light-y-1) var(--shadow-large-light-blur-1) var(--shadow-small-light-spread-1) var(--shadow-small-light-color-1), var(--shadow-small-light-x-2) var(--shadow-small-light-y-2) var(--shadow-small-light-blur-2) var(--shadow-small-light-spread-2) var(--shadow-small-light-color-2), var(--shadow-small-light-x-3) var(--shadow-small-light-y-3) var(--shadow-small-light-blur-3) var(--shadow-small-light-spread-3) var(--shadow-small-light-color-3);
  position: relative
}

.question-input-inner__image-outer .exist-doc:hover .delete-button[data-v-219ebba5] {
  visibility: visible
}

.question-input-inner__image-outer .exist-doc .delete-button[data-v-219ebba5] {
  visibility: hidden;
  position: absolute;
  top: 5px;
  right: 0
}

.question-input-inner__image-outer .exist-doc .delete-button button[data-v-219ebba5] {
  background: transparent;
  color: var(--color-text-caption);
  border: none
}

.question-input-inner__image-outer .exist-doc .delete-button .v-icon[data-v-219ebba5] {
  width: 14px;
  height: 14px
}

.question-input-inner__image-outer .exist-doc .doc-icon-cont[data-v-219ebba5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 36px;
  height: 36px;
  padding: 3px 4.5px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 1.5px
}

.question-input-inner__image-outer .exist-doc .doc-icon-cont .doc-icon[data-v-219ebba5] {
  width: 27px;
  height: 30px;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.question-input-inner__image-outer .exist-doc .doc-txt-cont .doc-txt-info[data-v-219ebba5] {
  color: var(--color-text-caption);
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px
}

.question-input-inner__image-outer .exist-doc .doc-txt-cont .doc-txt-info.red-txt[data-v-219ebba5] {
  color: red
}

.question-input-inner__image-outer .exist-doc .doc-txt-cont .doc-txt-info .refresh-icon[data-v-219ebba5] {
  width: 14px;
  height: 14px;
  position: absolute;
  margin-left: 3px
}

.question-input-inner__image-outer .exist-doc .doc-txt-cont .filename[data-v-219ebba5] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: var(--color-text-primary);
  width: 138px;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px
}

.question-input-inner__textarea[data-v-219ebba5] {
  width: 100%;
  max-height: 40vh;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  border: none;
  background: none
}

.question-input-inner__textarea[data-v-219ebba5]::-webkit-scrollbar {
  width: 5px;
  height: 8px
}

.question-input-inner__textarea[data-v-219ebba5]::-webkit-scrollbar-track {
  width: 0
}

.question-input-inner__textarea[data-v-219ebba5]::-webkit-scrollbar-thumb {
  border-radius: var(--radius-large);
  background: rgba(17, 32, 70, .13)
}

.question-input-inner__textarea .v-textarea__txt[data-v-219ebba5] {
  overflow-y: overlay;
  overflow-y: scroll;
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Helvetica, Arial, PingFang SC, Microsoft YaHei, Noto Sans, sans-serif !important
}

.question-input-inner .v-textarea--focus[data-v-219ebba5] {
  border: none
}

.question-input-inner__toolbar[data-v-219ebba5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  z-index: 10;
  padding: 8px
}

.question-input-inner__toolbar .v-icon[data-v-219ebba5] {
  cursor: pointer
}

.question-input-inner__toolbar .toolbar-left[data-v-219ebba5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px
}

.question-input-inner__toolbar .toolbar-left .toolbar-left-search-icon[data-v-219ebba5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 6px var(--spacing-base-loose);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--spacing-tight);
  border-radius: var(--radius-round);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  cursor: pointer
}

.question-input-inner__toolbar .toolbar-left .toolbar-left-search-icon.is-active[data-v-219ebba5] {
  background: var(--color-brand-0);
  color: var(--color-brand-5)
}

.question-input-inner__toolbar .toolbar-left .toolbar-left-search-icon.is-not-active[data-v-219ebba5] {
  background: var(--color-gray-1);
  color: var(--color-text-secondary)
}

.question-input-inner__toolbar .toolbar-left .toolbar-left-search-icon.display-none[data-v-219ebba5] {
  display: none;
  pointer-events: none
}

.question-input-inner__toolbar .toolbar-left .v-icon.disabled[data-v-219ebba5] {
  cursor: not-allowed;
  color: var(--color-text-disable)
}

.question-input-inner__toolbar .toolbar-left .image-input[data-v-219ebba5] {
  display: none
}

.question-input-inner__toolbar .toolbar-left .upload-label[data-v-219ebba5] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 32px;
  height: 32px;
  padding: 6px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 3px
}

.question-input-inner__toolbar .toolbar-left .upload-label[data-v-219ebba5]:hover {
  background: var(--fill---color-fill-hover, rgba(29, 57, 100, .05))
}

.question-input-inner__toolbar .toolbar-left .upload-label[data-v-219ebba5]:active {
  background: var(--fill---color-fill-active, #f0f6ff)
}

.question-input-inner__toolbar .toolbar-right[data-v-219ebba5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.question-input-inner__toolbar .toolbar-right .stop-icon[data-v-219ebba5] {
  padding: 6px
}

.question-input-inner__toolbar .toolbar-right .send-icon[data-v-219ebba5],
.question-input-inner__toolbar .toolbar-right .stop-icon[data-v-219ebba5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer
}

.question-input-inner__toolbar .toolbar-right .send-icon[data-v-219ebba5] {
  height: 32px;
  width: 32px;
  color: var(--color-primary-normal)
}

.question-input-inner__toolbar .toolbar-right .send-icon[data-v-219ebba5]:hover,
.question-input-inner__toolbar .toolbar-right .stop-icon[data-v-219ebba5]:hover {
  background: var(--color-fill-hover);
  border-radius: 3px
}

.question-input-inner__toolbar .toolbar-right .send-icon[data-v-219ebba5]:active,
.question-input-inner__toolbar .toolbar-right .stop-icon[data-v-219ebba5]:active {
  background: var(--color-fill-active);
  border-radius: 3px
}

.question-input-inner__toolbar .toolbar-right .send-icon.disabled[data-v-219ebba5],
.question-input-inner__toolbar .toolbar-right .stop-icon.disabled[data-v-219ebba5] {
  background: none;
  cursor: not-allowed
}

.question-input-inner__toolbar .toolbar-right .send-icon.disabled .v-icon[data-v-219ebba5],
.question-input-inner__toolbar .toolbar-right .stop-icon.disabled .v-icon[data-v-219ebba5] {
  cursor: not-allowed;
  color: var(--color-text-disable)
}

.question-input-inner__toolbar .toolbar-right .split-line[data-v-219ebba5] {
  -ms-flex-item-align: center;
  align-self: center;
  width: 1px;
  height: 16px;
  background: var(--color-divider-normal);
  margin: 0 5px
}

.question-input[data-v-219ebba5] .w-e-text-container p {
  margin: 0;
  padding: 15px 0
}

.asr-loading[data-v-219ebba5] {
  background: var(--color-primary-light-normal)
}

:host,
:root {
  --w-e-textarea-bg-color: #fff;
  --w-e-textarea-color: #333;
  --w-e-textarea-border-color: #ccc;
  --w-e-textarea-slight-border-color: #e8e8e8;
  --w-e-textarea-slight-color: #d4d4d4;
  --w-e-textarea-slight-bg-color: #f5f2f0;
  --w-e-textarea-selected-border-color: #b4d5ff;
  --w-e-textarea-handler-bg-color: #4290f7;
  --w-e-toolbar-color: #595959;
  --w-e-toolbar-bg-color: #fff;
  --w-e-toolbar-active-color: #333;
  --w-e-toolbar-active-bg-color: #f1f1f1;
  --w-e-toolbar-disabled-color: #999;
  --w-e-toolbar-border-color: #e8e8e8;
  --w-e-modal-button-bg-color: #fafafa;
  --w-e-modal-button-border-color: #d9d9d9
}

.w-e-text-container *,
.w-e-toolbar * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  outline: none;
  padding: 0
}

.w-e-text-container blockquote,
.w-e-text-container li,
.w-e-text-container p,
.w-e-text-container td,
.w-e-text-container th,
.w-e-toolbar * {
  line-height: 1.5
}

.w-e-text-container {
  background-color: var(--w-e-textarea-bg-color);
  color: var(--w-e-textarea-color);
  height: 100%;
  position: relative
}

.w-e-text-container .w-e-scroll {
  -webkit-overflow-scrolling: touch;
  height: 100%
}

.w-e-text-container [data-slate-editor] {
  word-wrap: break-word;
  border-top: 1px solid transparent;
  min-height: 100%;
  outline: 0;
  padding: 0 10px;
  white-space: pre-wrap
}

.w-e-text-container [data-slate-editor] p {
  margin: 15px 0
}

.w-e-text-container [data-slate-editor] h1,
.w-e-text-container [data-slate-editor] h2,
.w-e-text-container [data-slate-editor] h3,
.w-e-text-container [data-slate-editor] h4,
.w-e-text-container [data-slate-editor] h5 {
  margin: 20px 0
}

.w-e-text-container [data-slate-editor] img {
  cursor: default;
  display: inline !important;
  max-width: 100%;
  min-height: 20px;
  min-width: 20px
}

.w-e-text-container [data-slate-editor] span {
  text-indent: 0
}

.w-e-text-container [data-slate-editor] [data-selected=true] {
  -webkit-box-shadow: 0 0 0 2px var(--w-e-textarea-selected-border-color);
  box-shadow: 0 0 0 2px var(--w-e-textarea-selected-border-color)
}

.w-e-text-placeholder {
  font-style: italic;
  left: 10px;
  top: 17px;
  width: 90%
}

.w-e-max-length-info,
.w-e-text-placeholder {
  color: var(--w-e-textarea-slight-color);
  pointer-events: none;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.w-e-max-length-info {
  bottom: .5em;
  right: 1em
}

.w-e-bar {
  background-color: var(--w-e-toolbar-bg-color);
  color: var(--w-e-toolbar-color);
  font-size: 14px;
  padding: 0 5px
}

.w-e-bar svg {
  fill: var(--w-e-toolbar-color);
  height: 14px;
  width: 14px
}

.w-e-bar-show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.w-e-bar-hidden {
  display: none
}

.w-e-hover-bar {
  border: 1px solid var(--w-e-toolbar-border-color);
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .12156862745098039);
  box-shadow: 0 2px 5px rgba(0, 0, 0, .12156862745098039);
  position: absolute
}

.w-e-toolbar {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative
}

.w-e-bar-divider {
  background-color: var(--w-e-toolbar-border-color);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  margin: 0 5px;
  width: 1px
}

.w-e-bar-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 4px;
  position: relative;
  text-align: center
}

.w-e-bar-item,
.w-e-bar-item button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.w-e-bar-item button {
  background: transparent;
  border: none;
  color: var(--w-e-toolbar-color);
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 32px;
  overflow: hidden;
  padding: 0 8px;
  white-space: nowrap
}

.w-e-bar-item button:hover {
  background-color: var(--w-e-toolbar-active-bg-color);
  color: var(--w-e-toolbar-active-color)
}

.w-e-bar-item button .title {
  font-size: 14px;
  margin-left: 5px
}

.w-e-bar-item .active {
  background-color: var(--w-e-toolbar-active-bg-color);
  color: var(--w-e-toolbar-active-color)
}

.w-e-bar-item .disabled {
  color: var(--w-e-toolbar-disabled-color);
  cursor: not-allowed
}

.w-e-bar-item .disabled svg {
  fill: var(--w-e-toolbar-disabled-color)
}

.w-e-bar-item .disabled:hover {
  background-color: var(--w-e-toolbar-bg-color);
  color: var(--w-e-toolbar-disabled-color)
}

.w-e-bar-item .disabled:hover svg {
  fill: var(--w-e-toolbar-disabled-color)
}

.w-e-menu-tooltip-v5:before {
  background-color: var(--w-e-toolbar-active-color);
  border-radius: 5px;
  color: var(--w-e-toolbar-bg-color);
  content: attr(data-tooltip);
  font-size: .75em;
  padding: 5px 10px;
  text-align: center;
  top: 40px;
  white-space: pre;
  z-index: 1
}

.w-e-menu-tooltip-v5:after,
.w-e-menu-tooltip-v5:before {
  opacity: 0;
  position: absolute;
  -webkit-transition: opacity .6s;
  transition: opacity .6s;
  visibility: hidden
}

.w-e-menu-tooltip-v5:after {
  border: 5px solid transparent;
  border-bottom: 5px solid var(--w-e-toolbar-active-color);
  content: "";
  top: 30px
}

.w-e-menu-tooltip-v5:hover:after,
.w-e-menu-tooltip-v5:hover:before {
  opacity: 1;
  visibility: visible
}

.w-e-menu-tooltip-v5.tooltip-right:before {
  left: 100%;
  top: 10px
}

.w-e-menu-tooltip-v5.tooltip-right:after {
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-right-color: var(--w-e-toolbar-active-color);
  border-top-color: transparent;
  left: 100%;
  margin-left: -10px;
  top: 16px
}

.w-e-bar-item-group .w-e-bar-item-menus-container {
  background-color: var(--w-e-toolbar-bg-color);
  border: 1px solid var(--w-e-toolbar-border-color);
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .12156862745098039);
  box-shadow: 0 2px 10px rgba(0, 0, 0, .12156862745098039);
  display: none;
  left: 0;
  margin-top: 40px;
  position: absolute;
  top: 0;
  z-index: 1
}

.w-e-bar-item-group:hover .w-e-bar-item-menus-container {
  display: block
}

.w-e-select-list {
  background-color: var(--w-e-toolbar-bg-color);
  border: 1px solid var(--w-e-toolbar-border-color);
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .12156862745098039);
  box-shadow: 0 2px 10px rgba(0, 0, 0, .12156862745098039);
  left: 0;
  margin-top: 40px;
  max-height: 350px;
  min-width: 100px;
  overflow-y: auto;
  position: absolute;
  top: 0;
  z-index: 1
}

.w-e-select-list ul {
  line-height: 1;
  list-style: none
}

.w-e-select-list ul .selected {
  background-color: var(--w-e-toolbar-active-bg-color)
}

.w-e-select-list ul li {
  cursor: pointer;
  padding: 7px 0 7px 25px;
  position: relative;
  text-align: left;
  white-space: nowrap
}

.w-e-select-list ul li:hover {
  background-color: var(--w-e-toolbar-active-bg-color)
}

.w-e-select-list ul li svg {
  left: 0;
  margin-left: 5px;
  margin-top: -7px;
  position: absolute;
  top: 50%
}

.w-e-bar-bottom .w-e-select-list {
  bottom: 0;
  margin-bottom: 40px;
  margin-top: 0;
  top: inherit
}

.w-e-drop-panel {
  background-color: var(--w-e-toolbar-bg-color);
  border: 1px solid var(--w-e-toolbar-border-color);
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .12156862745098039);
  box-shadow: 0 2px 10px rgba(0, 0, 0, .12156862745098039);
  margin-top: 40px;
  min-width: 200px;
  padding: 10px;
  position: absolute;
  top: 0;
  z-index: 1
}

.w-e-bar-bottom .w-e-drop-panel {
  bottom: 0;
  margin-bottom: 40px;
  margin-top: 0;
  top: inherit
}

.w-e-modal {
  background-color: var(--w-e-toolbar-bg-color);
  border: 1px solid var(--w-e-toolbar-border-color);
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .12156862745098039);
  box-shadow: 0 2px 10px rgba(0, 0, 0, .12156862745098039);
  color: var(--w-e-toolbar-color);
  font-size: 14px;
  min-height: 40px;
  min-width: 100px;
  padding: 20px 15px 0;
  position: absolute;
  text-align: left;
  z-index: 1
}

.w-e-modal .btn-close {
  cursor: pointer;
  line-height: 1;
  padding: 5px;
  position: absolute;
  right: 8px;
  top: 7px
}

.w-e-modal .btn-close svg {
  fill: var(--w-e-toolbar-color);
  height: 10px;
  width: 10px
}

.w-e-modal .babel-container {
  display: block;
  margin-bottom: 15px
}

.w-e-modal .babel-container span {
  display: block;
  margin-bottom: 10px
}

.w-e-modal .button-container {
  margin-bottom: 15px
}

.w-e-modal .button-container button {
  font-size: 14px
}

.w-e-modal button {
  background-color: var(--w-e-modal-button-bg-color);
  cursor: pointer;
  font-weight: 400;
  height: 32px;
  padding: 4.5px 15px;
  text-align: center;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
  transition: all .3s cubic-bezier(.645, .045, .355, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap
}

.w-e-modal button,
.w-e-modal input[type=number],
.w-e-modal input[type=text],
.w-e-modal textarea {
  border: 1px solid var(--w-e-modal-button-border-color);
  border-radius: 4px;
  color: var(--w-e-toolbar-color)
}

.w-e-modal input[type=number],
.w-e-modal input[type=text],
.w-e-modal textarea {
  -webkit-font-feature-settings: "tnum";
  font-feature-settings: "tnum";
  background-color: var(--w-e-toolbar-bg-color);
  font-variant: tabular-nums;
  padding: 4.5px 11px;
  -webkit-transition: all .3s;
  transition: all .3s;
  width: 100%
}

.w-e-modal textarea {
  min-height: 60px
}

body .w-e-modal,
body .w-e-modal * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.w-e-progress-bar {
  background-color: var(--w-e-textarea-handler-bg-color);
  height: 1px;
  position: absolute;
  -webkit-transition: width .3s;
  transition: width .3s;
  width: 0
}

.w-e-full-screen-container {
  bottom: 0 !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  height: 100% !important;
  left: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  position: fixed;
  right: 0 !important;
  top: 0 !important;
  width: 100% !important
}

.w-e-full-screen-container [data-w-e-textarea=true] {
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 !important;
  flex: 1 !important
}

.w-e-text-container [data-slate-editor] code {
  background-color: var(--w-e-textarea-slight-bg-color);
  border-radius: 3px;
  font-family: monospace;
  padding: 3px
}

.w-e-panel-content-color {
  list-style: none;
  text-align: left;
  width: 230px
}

.w-e-panel-content-color li {
  border: 1px solid var(--w-e-toolbar-bg-color);
  border-radius: 3px 3px;
  cursor: pointer;
  display: inline-block;
  padding: 2px
}

.w-e-panel-content-color li:hover {
  border-color: var(--w-e-toolbar-color)
}

.w-e-panel-content-color li .color-block {
  border: 1px solid var(--w-e-toolbar-border-color);
  border-radius: 3px 3px;
  height: 17px;
  width: 17px
}

.w-e-panel-content-color .active {
  border-color: var(--w-e-toolbar-color)
}

.w-e-panel-content-color .clear {
  line-height: 1.5;
  margin-bottom: 5px;
  width: 100%
}

.w-e-panel-content-color .clear svg {
  height: 16px;
  margin-bottom: -4px;
  width: 16px
}

.w-e-text-container [data-slate-editor] blockquote {
  background-color: var(--w-e-textarea-slight-bg-color);
  border-left: 8px solid var(--w-e-textarea-selected-border-color);
  display: block;
  font-size: 100%;
  line-height: 1.5;
  margin: 10px 0;
  padding: 10px
}

.w-e-panel-content-emotion {
  font-size: 20px;
  list-style: none;
  text-align: left;
  width: 300px
}

.w-e-panel-content-emotion li {
  border-radius: 3px 3px;
  cursor: pointer;
  display: inline-block;
  padding: 0 5px
}

.w-e-panel-content-emotion li:hover {
  background-color: var(--w-e-textarea-slight-bg-color)
}

.w-e-textarea-divider {
  border-radius: 3px;
  margin: 20px auto;
  padding: 20px
}

.w-e-textarea-divider hr {
  background-color: var(--w-e-textarea-border-color);
  border: 0;
  display: block;
  height: 1px
}

.w-e-text-container [data-slate-editor] pre>code {
  background-color: var(--w-e-textarea-slight-bg-color);
  border: 1px solid var(--w-e-textarea-slight-border-color);
  border-radius: 4px 4px;
  display: block;
  font-size: 14px;
  padding: 10px;
  text-indent: 0
}

.w-e-text-container [data-slate-editor] .w-e-image-container {
  display: inline-block;
  margin: 0 3px
}

.w-e-text-container [data-slate-editor] .w-e-image-container:hover {
  -webkit-box-shadow: 0 0 0 2px var(--w-e-textarea-selected-border-color);
  box-shadow: 0 0 0 2px var(--w-e-textarea-selected-border-color)
}

.w-e-text-container [data-slate-editor] .w-e-selected-image-container {
  overflow: hidden;
  position: relative
}

.w-e-text-container [data-slate-editor] .w-e-selected-image-container .w-e-image-dragger {
  background-color: var(--w-e-textarea-handler-bg-color);
  height: 7px;
  position: absolute;
  width: 7px
}

.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-top {
  cursor: nwse-resize;
  left: 0;
  top: 0
}

.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-top {
  cursor: nesw-resize;
  right: 0;
  top: 0
}

.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-bottom {
  bottom: 0;
  cursor: nesw-resize;
  left: 0
}

.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-bottom {
  bottom: 0;
  cursor: nwse-resize;
  right: 0
}

.w-e-text-container [contenteditable=false] .w-e-image-container:hover,
.w-e-text-container [data-slate-editor] .w-e-selected-image-container:hover {
  -webkit-box-shadow: none;
  box-shadow: none
}

.w-e-text-container [data-slate-editor] .table-container {
  border: 1px dashed var(--w-e-textarea-border-color);
  border-radius: 5px;
  margin-top: 10px;
  overflow-x: auto;
  padding: 10px;
  width: 100%
}

.w-e-text-container [data-slate-editor] table {
  border-collapse: collapse
}

.w-e-text-container [data-slate-editor] table td,
.w-e-text-container [data-slate-editor] table th {
  border: 1px solid var(--w-e-textarea-border-color);
  line-height: 1.5;
  min-width: 30px;
  padding: 3px 5px;
  text-align: left
}

.w-e-text-container [data-slate-editor] table th {
  background-color: var(--w-e-textarea-slight-bg-color);
  font-weight: 700;
  text-align: center
}

.w-e-panel-content-table {
  background-color: var(--w-e-toolbar-bg-color)
}

.w-e-panel-content-table table {
  border-collapse: collapse
}

.w-e-panel-content-table td {
  border: 1px solid var(--w-e-toolbar-border-color);
  cursor: pointer;
  height: 15px;
  padding: 3px 5px;
  width: 20px
}

.w-e-panel-content-table td.active {
  background-color: var(--w-e-toolbar-active-bg-color)
}

.w-e-textarea-video-container {
  background-image: linear-gradient(45deg, #eee 25%, transparent 0, transparent 75%, #eee 0, #eee), linear-gradient(45deg, #eee 25%, #fff 0, #fff 75%, #eee 0, #eee);
  background-position: 0 0, 10px 10px;
  background-size: 20px 20px;
  border: 1px dashed var(--w-e-textarea-border-color);
  border-radius: 5px;
  margin: 10px auto 0;
  padding: 10px 0;
  text-align: center
}

.w-e-text-container [data-slate-editor] pre>code {
  word-wrap: normal;
  font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  line-height: 1.5;
  margin: .5em 0;
  overflow: auto;
  padding: 1em;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  text-align: left;
  text-shadow: 0 1px #fff;
  white-space: pre;
  word-break: normal;
  word-spacing: normal
}

.w-e-text-container [data-slate-editor] pre>code .token.cdata,
.w-e-text-container [data-slate-editor] pre>code .token.comment,
.w-e-text-container [data-slate-editor] pre>code .token.doctype,
.w-e-text-container [data-slate-editor] pre>code .token.prolog {
  color: #708090
}

.w-e-text-container [data-slate-editor] pre>code .token.punctuation {
  color: #999
}

.w-e-text-container [data-slate-editor] pre>code .token.namespace {
  opacity: .7
}

.w-e-text-container [data-slate-editor] pre>code .token.boolean,
.w-e-text-container [data-slate-editor] pre>code .token.constant,
.w-e-text-container [data-slate-editor] pre>code .token.deleted,
.w-e-text-container [data-slate-editor] pre>code .token.number,
.w-e-text-container [data-slate-editor] pre>code .token.property,
.w-e-text-container [data-slate-editor] pre>code .token.symbol,
.w-e-text-container [data-slate-editor] pre>code .token.tag {
  color: #905
}

.w-e-text-container [data-slate-editor] pre>code .token.attr-name,
.w-e-text-container [data-slate-editor] pre>code .token.builtin,
.w-e-text-container [data-slate-editor] pre>code .token.char,
.w-e-text-container [data-slate-editor] pre>code .token.inserted,
.w-e-text-container [data-slate-editor] pre>code .token.selector,
.w-e-text-container [data-slate-editor] pre>code .token.string {
  color: #690
}

.w-e-text-container [data-slate-editor] pre>code .language-css .token.string,
.w-e-text-container [data-slate-editor] pre>code .style .token.string,
.w-e-text-container [data-slate-editor] pre>code .token.entity,
.w-e-text-container [data-slate-editor] pre>code .token.operator,
.w-e-text-container [data-slate-editor] pre>code .token.url {
  color: #9a6e3a
}

.w-e-text-container [data-slate-editor] pre>code .token.atrule,
.w-e-text-container [data-slate-editor] pre>code .token.attr-value,
.w-e-text-container [data-slate-editor] pre>code .token.keyword {
  color: #07a
}

.w-e-text-container [data-slate-editor] pre>code .token.class-name,
.w-e-text-container [data-slate-editor] pre>code .token.function {
  color: #dd4a68
}

.w-e-text-container [data-slate-editor] pre>code .token.important,
.w-e-text-container [data-slate-editor] pre>code .token.regex,
.w-e-text-container [data-slate-editor] pre>code .token.variable {
  color: #e90
}

.w-e-text-container [data-slate-editor] pre>code .token.bold,
.w-e-text-container [data-slate-editor] pre>code .token.important {
  font-weight: 700
}

.w-e-text-container [data-slate-editor] pre>code .token.italic {
  font-style: italic
}

.w-e-text-container [data-slate-editor] pre>code .token.entity {
  cursor: help
}

.qa-editor[data-v-4939fcdd] {
  width: 100%;
  text-align: left
}

.qa-editor__toolbar[data-v-4939fcdd] {
  border-bottom: 1px solid rgba(17, 32, 70, .13)
}

.qa-editor__editor[data-v-4939fcdd] {
  width: 100%;
  height: calc(100% - 41px);
  font-size: 15px
}

.qa-editor[data-v-4939fcdd] .w-e-modal {
  z-index: 10000
}

.qa-editor[data-v-4939fcdd] .w-e-modal .babel-container:nth-child(3) {
  display: none
}

.qa-editor[data-v-4939fcdd] .w-e-text-placeholder {
  color: var(--color-text-caption);
  white-space: pre-wrap;
  word-wrap: break-word;
  font-style: normal
}

.qa-editor[data-v-4939fcdd] .w-e-bar {
  background-color: #fff
}

.qa-editor[data-v-4939fcdd] .w-e-text-container {
  background-color: transparent
}

.qa-editor[data-v-4939fcdd] .w-e-text-container img {
  max-width: 300px;
  min-height: 24px;
  min-width: 24px;
  max-height: 300px
}

.asr-animation-container[data-v-844d4d06] {
  padding: 6px;
  cursor: pointer;
  width: 20px;
  height: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.asr-animation-container .mic-loading[data-v-844d4d06],
.asr-animation-container[data-v-844d4d06] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.asr-animation-container .mic-loading[data-v-844d4d06] {
  width: 100%;
  height: 100%
}

.asr-animation-container .mic-loading .load[data-v-844d4d06] {
  width: 2px;
  height: 100%;
  background-color: var(--color-primary-normal);
  -webkit-animation: move6-data-v-844d4d06 1s infinite;
  animation: move6-data-v-844d4d06 1s infinite;
  border-radius: 1px;
  margin: 0 1px
}

.asr-animation-container .mic-loading .load[data-v-844d4d06]:first-child {
  -webkit-animation-delay: .2s;
  animation-delay: .2s
}

.asr-animation-container .mic-loading .load[data-v-844d4d06]:nth-child(2) {
  -webkit-animation-delay: .4s;
  animation-delay: .4s
}

.asr-animation-container .mic-loading .load[data-v-844d4d06]:nth-child(3) {
  -webkit-animation-delay: .6s;
  animation-delay: .6s
}

@-webkit-keyframes move6-data-v-844d4d06 {
  0% {
    height: 13%
  }

  25% {
    height: 47%
  }

  50% {
    height: 100%
  }

  to {
    height: 13%
  }
}

@keyframes move6-data-v-844d4d06 {
  0% {
    height: 13%
  }

  25% {
    height: 47%
  }

  50% {
    height: 100%
  }

  to {
    height: 13%
  }
}

.question-input[data-v-7273f096] {
  background: hsla(0, 0%, 100%, .6);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  width: 100%;
  bottom: 40px
}

.question-input .toolbar-info[data-v-7273f096] {
  display: inline-block;
  font-weight: 400;
  font-size: 12px;
  color: var(--color-text-caption)
}

.question-input .tips[data-v-7273f096] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: var(--text---c-color-text-caption, rgba(0, 11, 54, .41));
  font: var(--caption-regular);
  padding: 0 var(--spacing-quite-loose) var(--spacing-base-loose) var(--spacing-quite-loose)
}

.question-input .stop-button[data-v-7273f096] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 999
}

.question-input .stop-button button[data-v-7273f096] {
  -webkit-box-shadow: var(--shadow-small);
  box-shadow: var(--shadow-small);
  border: none;
  padding: 6px 8px
}

.question-input-inner[data-v-7273f096] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: var(--spacing-base-loose) var(--spacing-quite-loose);
  background-color: hsla(0, 0%, 100%, .8);
  border: var(--border-normal) solid;
  border-color: var(--color-border-normal);
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 55, 159, .05);
  box-shadow: 0 4px 12px 0 rgba(0, 55, 159, .05);
  border-radius: var(--radius-large)
}

.question-input-inner .v-textarea--default[data-v-7273f096] {
  border-radius: var(--radius-large)
}

.question-input-inner[data-v-7273f096]:hover {
  border-color: var(--color-border-hover);
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 55, 159, .05);
  box-shadow: 0 4px 12px 0 rgba(0, 55, 159, .05)
}

.question-input-inner[data-v-7273f096]:has(.question-input-inner) {
  border-color: var(--color-primary-normal)
}

.question-input-inner__image-outer[data-v-7273f096] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  padding: var(--spacing-base-loose) var(--spacing-base-loose) 0 var(--spacing-base-loose);
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: var(--spacing-base);
  -ms-flex-item-align: stretch;
  align-self: stretch;
  border-top-left-radius: var(--radius-large);
  border-top-right-radius: var(--radius-large)
}

.question-input-inner__image-outer .exist-img[data-v-7273f096] {
  cursor: pointer;
  margin-top: auto;
  margin-bottom: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 54px;
  height: 54px;
  padding: 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: var(--radius-large);
  border: var(--border-thickness) solid var(--color-divider-normal);
  position: relative
}

.question-input-inner__image-outer .exist-img:hover .delete-button[data-v-7273f096] {
  visibility: visible
}

.question-input-inner__image-outer .exist-img .delete-button[data-v-7273f096] {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--color-overlay)
}

.question-input-inner__image-outer .exist-img .delete-button button[data-v-7273f096] {
  background: transparent;
  color: var(--color-text-caption);
  border: none;
  padding: 0;
  height: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.question-input-inner__image-outer .exist-img .delete-button .v-icon[data-v-7273f096] {
  width: 14px;
  height: 14px
}

.question-input-inner__image-outer .exist-img>img[data-v-7273f096] {
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  width: 100%
}

.question-input-inner__image-outer .exist-doc[data-v-7273f096] {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
  padding: var(--spacing-base);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--spacing-tight);
  border-radius: var(--radius-large);
  background: var(--color-bg-1);
  -webkit-box-shadow: var(--shadow-small-light-x-1) var(--shadow-small-light-y-1) var(--shadow-large-light-blur-1) var(--shadow-small-light-spread-1) var(--shadow-small-light-color-1), var(--shadow-small-light-x-2) var(--shadow-small-light-y-2) var(--shadow-small-light-blur-2) var(--shadow-small-light-spread-2) var(--shadow-small-light-color-2), var(--shadow-small-light-x-3) var(--shadow-small-light-y-3) var(--shadow-small-light-blur-3) var(--shadow-small-light-spread-3) var(--shadow-small-light-color-3);
  box-shadow: var(--shadow-small-light-x-1) var(--shadow-small-light-y-1) var(--shadow-large-light-blur-1) var(--shadow-small-light-spread-1) var(--shadow-small-light-color-1), var(--shadow-small-light-x-2) var(--shadow-small-light-y-2) var(--shadow-small-light-blur-2) var(--shadow-small-light-spread-2) var(--shadow-small-light-color-2), var(--shadow-small-light-x-3) var(--shadow-small-light-y-3) var(--shadow-small-light-blur-3) var(--shadow-small-light-spread-3) var(--shadow-small-light-color-3);
  position: relative
}

.question-input-inner__image-outer .exist-doc:hover .delete-button[data-v-7273f096] {
  visibility: visible
}

.question-input-inner__image-outer .exist-doc .delete-button[data-v-7273f096] {
  visibility: hidden;
  position: absolute;
  top: 5px;
  right: 0
}

.question-input-inner__image-outer .exist-doc .delete-button button[data-v-7273f096] {
  background: transparent;
  color: var(--color-text-caption);
  border: none
}

.question-input-inner__image-outer .exist-doc .delete-button .v-icon[data-v-7273f096] {
  width: 14px;
  height: 14px
}

.question-input-inner__image-outer .exist-doc .doc-icon-cont[data-v-7273f096] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 36px;
  height: 36px;
  padding: 3px 4.5px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 1.5px
}

.question-input-inner__image-outer .exist-doc .doc-icon-cont .doc-icon[data-v-7273f096] {
  width: 27px;
  height: 30px;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.question-input-inner__image-outer .exist-doc .doc-txt-cont .doc-txt-info[data-v-7273f096] {
  color: var(--color-text-caption);
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px
}

.question-input-inner__image-outer .exist-doc .doc-txt-cont .doc-txt-info.red-txt[data-v-7273f096] {
  color: red
}

.question-input-inner__image-outer .exist-doc .doc-txt-cont .doc-txt-info .refresh-icon[data-v-7273f096] {
  width: 14px;
  height: 14px;
  position: absolute;
  margin-left: 3px
}

.question-input-inner__image-outer .exist-doc .doc-txt-cont .filename[data-v-7273f096] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: var(--color-text-primary);
  width: 138px;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px
}

.question-input-inner__textarea[data-v-7273f096] {
  width: 100%;
  max-height: 40vh;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch
}

.question-input-inner__textarea[data-v-7273f096]::-webkit-scrollbar {
  width: 5px;
  height: 8px
}

.question-input-inner__textarea[data-v-7273f096]::-webkit-scrollbar-track {
  width: 0
}

.question-input-inner__textarea[data-v-7273f096]::-webkit-scrollbar-thumb {
  border-radius: var(--radius-large);
  background: rgba(17, 32, 70, .13)
}

.question-input-inner__textarea .v-textarea__txt[data-v-7273f096] {
  overflow-y: overlay;
  overflow-y: scroll
}

.question-input-inner .v-textarea--focus[data-v-7273f096] {
  border: none
}

.question-input-inner__toolbar[data-v-7273f096] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  z-index: 10;
  padding: 8px
}

.question-input-inner__toolbar .v-icon[data-v-7273f096] {
  cursor: pointer
}

.question-input-inner__toolbar .toolbar-left[data-v-7273f096] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px
}

.question-input-inner__toolbar .toolbar-left .toolbar-left-search-icon[data-v-7273f096] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 6px var(--spacing-base-loose);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--spacing-tight);
  border-radius: var(--radius-round);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  cursor: pointer
}

.question-input-inner__toolbar .toolbar-left .toolbar-left-search-icon.is-active[data-v-7273f096] {
  background: var(--color-brand-0);
  color: var(--color-brand-5)
}

.question-input-inner__toolbar .toolbar-left .toolbar-left-search-icon.is-not-active[data-v-7273f096] {
  background: var(--color-gray-1);
  color: var(--color-text-secondary)
}

.question-input-inner__toolbar .toolbar-left .toolbar-left-search-icon.display-none[data-v-7273f096] {
  display: none;
  pointer-events: none
}

.question-input-inner__toolbar .image-input[data-v-7273f096] {
  display: none
}

.question-input-inner__toolbar .upload-label[data-v-7273f096] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 32px;
  height: 32px;
  padding: 6px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 3px
}

.question-input-inner__toolbar .upload-label[data-v-7273f096]:hover {
  background: var(--fill---color-fill-hover, rgba(29, 57, 100, .05))
}

.question-input-inner__toolbar .upload-label[data-v-7273f096]:active {
  background: var(--fill---color-fill-active, #f0f6ff)
}

.question-input-inner__toolbar .toolbar-right[data-v-7273f096] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.question-input-inner__toolbar .toolbar-right .send-icon[data-v-7273f096] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  color: var(--color-primary-normal)
}

.question-input-inner__toolbar .toolbar-right .send-icon[data-v-7273f096]:hover,
.question-input-inner__toolbar .toolbar-right .stop-icon[data-v-7273f096]:hover {
  background: var(--color-fill-hover);
  border-radius: 3px
}

.question-input-inner__toolbar .toolbar-right .send-icon[data-v-7273f096]:active,
.question-input-inner__toolbar .toolbar-right .stop-icon[data-v-7273f096]:active {
  background: var(--color-fill-active);
  border-radius: 3px
}

.question-input-inner__toolbar .toolbar-right .send-icon.disabled[data-v-7273f096],
.question-input-inner__toolbar .toolbar-right .stop-icon.disabled[data-v-7273f096] {
  background: none;
  cursor: not-allowed
}

.question-input-inner__toolbar .toolbar-right .send-icon.disabled .v-icon[data-v-7273f096],
.question-input-inner__toolbar .toolbar-right .stop-icon.disabled .v-icon[data-v-7273f096] {
  cursor: not-allowed;
  color: var(--color-text-disable)
}

.question-input .input-area[data-v-7273f096] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 44px;
  padding: 0 8px
}

.question-input .input-area .voice-button[data-v-7273f096] {
  height: 44px;
  width: 100px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  color: var(--color-text-primary);
  text-align: center;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 0
}

.question-input .input-area .voice-button .voice-button-text[data-v-7273f096] {
  margin-right: 32px
}

.question-input .input-area .pressing-voice-button[data-v-7273f096] {
  border-radius: 263px
}

.question-input .input-area .pressing-voice-button[data-v-7273f096]:before {
  content: "";
  position: absolute;
  top: 35px;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 263px;
  background: linear-gradient(152deg, rgba(0, 212, 255, .4) 19.67%, rgba(0, 28, 255, .4) 63.29%);
  -webkit-filter: blur(45px);
  filter: blur(45px);
  z-index: -1
}

.question-input .input-area .switch-icon[data-v-7273f096] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 6px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0
}

.question-input .input-area .question-input-inner__textarea[data-v-7273f096] {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 100%
}

.question-input .input-area .question-input-inner__textarea[data-v-7273f096] .qa-editor__editor {
  height: 100%
}

.question-input .input-area .question-input-inner__textarea[data-v-7273f096] .w-e-text-placeholder {
  position: absolute;
  top: 11px
}

.question-input .input-area .question-input-inner__textarea[data-v-7273f096] .w-e-text-container [data-slate-editor] p {
  margin: 10px 0
}

.question-input .question-input-inner__toolbar[data-v-7273f096] {
  padding: 0 8px 6px
}

.question-input .question-input-inner[data-v-7273f096] {
  margin: 8px 12px
}

[data-v-117294a8]::-webkit-scrollbar {
  background: transparent;
  width: 5px;
  height: 8px
}

[data-v-117294a8]::-webkit-scrollbar-track {
  background: transparent;
  width: 0
}

[data-v-117294a8]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(17, 32, 70, .13)
}

div[data-v-117294a8] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.fade-enter-active[data-v-117294a8],
.fade-leave-active[data-v-117294a8] {
  -webkit-transition: opacity .5s, -webkit-transform .5s;
  transition: opacity .5s, -webkit-transform .5s;
  transition: opacity .5s, transform .5s;
  transition: opacity .5s, transform .5s, -webkit-transform .5s
}

.fade-enter[data-v-117294a8],
.fade-leave-to[data-v-117294a8] {
  opacity: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px)
}

.bottom-drawer[data-v-117294a8] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 80px);
  background-color: #f0f0f0;
  z-index: 999;
  border-radius: 10px 10px 0 0
}

.bottom-drawer-header[data-v-117294a8] {
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.bottom-drawer-content[data-v-117294a8] {
  padding: 0 16px 16px;
  height: calc(100% - 54px);
  overflow-x: hidden;
  overflow-y: overlay !important;
  overflow-y: scroll !important
}

.bottom-drawer.is-experience[data-v-117294a8] {
  position: fixed;
  height: calc(100% - 56px);
  width: 400px;
  right: 0;
  left: auto;
  top: 56px;
  bottom: 0;
  background-color: var(--bg---c-color-bg-0, #fff);
  border-radius: var(--radius-0) var(--radius-super-large) var(--radius-super-large) var(--radius-0);
  border-left: 1px solid var(--color-divider-normal);
  background: var(--color-bg-1);
  -webkit-box-shadow: var(--shadow-left-medium-x-1) var(--shadow-left-medium-y-1) var(--shadow-left-medium-blur-1) var(--shadow-left-medium-spread-1) var(--shadow-left-medium-color-1), var(--shadow-left-medium-x-2) var(--shadow-left-medium-y-2) var(--shadow-left-medium-blur-2) -4px var(--shadow-left-medium-color-2), var(--shadow-left-medium-x-3) var(--shadow-left-medium-y-3) var(--shadow-left-medium-blur-3) var(--shadow-left-medium-spread-2) var(--shadow-left-medium-color-3);
  box-shadow: var(--shadow-left-medium-x-1) var(--shadow-left-medium-y-1) var(--shadow-left-medium-blur-1) var(--shadow-left-medium-spread-1) var(--shadow-left-medium-color-1), var(--shadow-left-medium-x-2) var(--shadow-left-medium-y-2) var(--shadow-left-medium-blur-2) -4px var(--shadow-left-medium-color-2), var(--shadow-left-medium-x-3) var(--shadow-left-medium-y-3) var(--shadow-left-medium-blur-3) var(--shadow-left-medium-spread-2) var(--shadow-left-medium-color-3)
}

.bottom-drawer.is-experience .bottom-drawer-content[data-v-117294a8] {
  padding: 0
}

.preview-md .v-collapse {
  background-color: var(--color-bg-1);
  border-radius: var(--radius-large)
}

.preview-md .v-collapse-item {
  border: 1px solid var(--color-divider-normal);
  border-radius: 3px
}

.preview-md .v-collapse-item.isShow .v-collapse-item__header {
  color: var(--color-text-primary);
  background: inherit
}

.preview-md .v-collapse-item.isShow.isShow .v-collapse-item__header {
  border-bottom: 1px solid var(--color-divider-normal)
}

.preview-md .preview-md-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 500;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.preview-md .preview-md-header .preview-md-header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: calc(100% - 12px)
}

.preview-md .preview-md-header .preview-md-header-inner>div {
  display: inline-block;
  text-align: left
}

.preview-md .preview-md-header .preview-md-header-inner .left {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.preview-md__main .main-content {
  word-break: break-all;
  word-wrap: break-word;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 604px;
  flex: 0 0 604px;
  height: 604px;
  padding: 16px;
  overflow-x: auto;
  overflow-y: auto;
  background: var(--color-bg-1);
  border: 1px solid var(--divider-color-divider-normal)
}

.preview-md__main .main-content .section {
  margin-bottom: 20px;
  padding: 12px;
  border-radius: var(--radius-large);
  background: var(--color-bg-2);
  -webkit-box-shadow: var(--shadow-small-light-x-1) var(--shadow-small-light-y-1) var(--shadow-large-light-blur-1) var(--shadow-small-light-spread-1) var(--shadow-small-light-color-1), var(--shadow-small-light-x-2) var(--shadow-small-light-y-2) var(--shadow-small-light-blur-2) var(--shadow-small-light-spread-2) var(--shadow-small-light-color-2), var(--shadow-small-light-x-3) var(--shadow-small-light-y-3) var(--shadow-small-light-blur-3) var(--shadow-small-light-spread-3) var(--shadow-small-light-color-3);
  box-shadow: var(--shadow-small-light-x-1) var(--shadow-small-light-y-1) var(--shadow-large-light-blur-1) var(--shadow-small-light-spread-1) var(--shadow-small-light-color-1), var(--shadow-small-light-x-2) var(--shadow-small-light-y-2) var(--shadow-small-light-blur-2) var(--shadow-small-light-spread-2) var(--shadow-small-light-color-2), var(--shadow-small-light-x-3) var(--shadow-small-light-y-3) var(--shadow-small-light-blur-3) var(--shadow-small-light-spread-3) var(--shadow-small-light-color-3)
}

.preview-md__main .main-content .section .title {
  display: inline-block;
  border-radius: var(--radius-normal);
  border: 1px solid var(--color-gray-2);
  background: var(--color-gray-0);
  color: var(--color-gray-4);
  font-family: var(--font-family-normal);
  font-size: 12px;
  font-weight: 500;
  line-height: 16px
}

.preview-md__main .main-content .section img {
  width: 200px;
  height: 200px
}

.preview-md__main .main-content .content-qa-title {
  color: rgba(0, 11, 52, .41);
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px
}

.preview-md__main .main-content /deep/ p {
  margin: 0
}

.preview-md__main .main-content .table ::-webkit-scrollbar-track {
  background: transparent
}

.preview-md__main .main-content .table ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(17, 32, 70, .13)
}

.preview-md__main .main-content /deep/ img {
  max-width: 100%
}

.preview-md__main .main-content p {
  word-break: break-all;
  word-wrap: break-word
}

.preview-md__main .main-content code {
  white-space: break-spaces
}

.preview-md__main .main-content table {
  display: inline-block;
  overflow-x: scroll;
  background: #fff;
  border-spacing: 0;
  border-collapse: collapse;
  border-bottom: 1px solid rgba(18, 42, 79, .08);
  border-right: 1px solid rgba(18, 42, 79, .08);
  max-width: 100%
}

.preview-md__main .main-content table th {
  background: #eaecef;
  color: rgba(1, 11, 50, .41)
}

.preview-md__main .main-content table td,
.preview-md__main .main-content table th {
  border-left: 1px solid rgba(18, 42, 79, .08);
  border-top: 1px solid rgba(18, 42, 79, .08)
}

.preview-md__main .main-content table td {
  padding: 8px 12px;
  min-width: 20px
}

.preview-md__main .main-content .table-style {
  display: inline-block;
  white-space: nowrap;
  max-width: 100%;
  overflow: scroll;
  background: #fff;
  border-bottom: 1px solid rgba(18, 42, 79, .08);
  border-right: 1px solid rgba(18, 42, 79, .08);
  border-spacing: 0;
  border-collapse: collapse
}

.preview-md__main .main-content .table-style th {
  color: rgba(1, 11, 50, .41);
  padding: 12px;
  font-weight: 400;
  background: #eaecef
}

.preview-md__main .main-content .table-style td,
.preview-md__main .main-content .table-style th {
  border-left: 1px solid rgba(18, 42, 79, .08);
  border-top: 1px solid rgba(18, 42, 79, .08)
}

.preview-md__main .main-content .table-style td {
  padding: 8px 4px;
  min-width: 45px;
  overflow-wrap: break-word;
  white-space: break-spaces
}

.preview-md__main .audit-feedback {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 12px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid var(--color-divider-normal)
}

.preview-md__main .audit-feedback .tips {
  color: var(--color-text-caption)
}

.preview-md__main .audit-feedback .feedback {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  cursor: pointer
}

.preview-md__main .audit-feedback .feedback.disabled {
  cursor: not-allowed
}

.preview-md__main .audit-feedback .feedback .feedback-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.preview-md__main .audit-feedback .feedback .feedback-btn .icon {
  margin-right: 4px
}

.preview-md__main .audit-feedback .feedback .good {
  margin-right: 8px;
  color: var(--color-success-normal)
}

.preview-md__main .audit-feedback .feedback .bad {
  color: var(--color-error-normal)
}

.preview-md__main .main-content.error {
  padding-top: 100px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.preview-md__main .main-content.error .error-img {
  width: 200px;
  height: 200px
}

.preview-md__main .main-content.error .error-desc {
  margin-top: 12px;
  font-weight: 500;
  font-size: 16px;
  color: var(--color-text-primary)
}

.component-container[data-v-402723b0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 12px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap
}

.component-container .title[data-v-402723b0] {
  color: var(--color-text-caption);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-wrap: nowrap;
  -ms-flex-item-align: start;
  align-self: flex-start;
  padding: var(--spacing-tight) 0
}

.component-container .doc-list[data-v-402723b0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0;
  padding: 0
}

.component-container .doc-list .doc-item[data-v-402723b0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: var(--spacing-tight) var(--spacing-base) var(--spacing-tight) var(--spacing-tight);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--spacing-tight);
  border-radius: var(--radius-large);
  background: var(--color-bg-1);
  -webkit-box-shadow: var(--shadow-small-light-x-1) var(--shadow-small-light-y-1) var(--shadow-large-light-blur-1) var(--shadow-small-light-spread-1) var(--shadow-small-light-color-1), var(--shadow-small-light-x-2) var(--shadow-small-light-y-2) var(--shadow-small-light-blur-2) var(--shadow-small-light-spread-2) var(--shadow-small-light-color-2), var(--shadow-small-light-x-3) var(--shadow-small-light-y-3) var(--shadow-small-light-blur-3) var(--shadow-small-light-spread-3) var(--shadow-small-light-color-3);
  box-shadow: var(--shadow-small-light-x-1) var(--shadow-small-light-y-1) var(--shadow-large-light-blur-1) var(--shadow-small-light-spread-1) var(--shadow-small-light-color-1), var(--shadow-small-light-x-2) var(--shadow-small-light-y-2) var(--shadow-small-light-blur-2) var(--shadow-small-light-spread-2) var(--shadow-small-light-color-2), var(--shadow-small-light-x-3) var(--shadow-small-light-y-3) var(--shadow-small-light-blur-3) var(--shadow-small-light-spread-3) var(--shadow-small-light-color-3)
}

.component-container .doc-list .doc-item .file-type-icon[data-v-402723b0] {
  width: 20px;
  height: 20px;
  padding: 1.667px 2.5px;
  border-radius: 1.5px
}

.component-container .doc-list .doc-item .text[data-v-402723b0] {
  cursor: pointer;
  color: var(--color-text-primary);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px
}

.component-container {
  padding: var(--spacing-base-loose) var(--spacing-quite-loose);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  -ms-flex-item-align: center;
  align-self: center;
  gap: var(--spacing-extra-loose);
  width: 100%;
  overflow: auto
}

.component-container,
.component-container .welcome-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.component-container .welcome-header {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  gap: var(--spacing-base-loose);
  border-radius: var(--radius-0)
}

.component-container .welcome-header .avatar {
  width: 64px;
  height: 64px;
  border-radius: var(--radius-0);
  overflow: hidden
}

.component-container .welcome-header .avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.component-container .welcome-header .title {
  color: var(--text---c-color-text-primary, rgba(0, 1, 12, .93));
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  margin: 0
}

.component-container .welcome-content {
  width: 564px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--spacing-base-loose)
}

.component-container .welcome-content .content {
  padding: 10px 12px;
  text-align: center;
  border-radius: 6px;
  border: .5px solid var(--color-border-normal);
  background: var(--inverse-opacity-4);
  -webkit-box-shadow: var(--shadow-small-light-x-1) var(--shadow-small-light-y-1) var(--shadow-large-light-blur-1) var(--shadow-small-light-spread-1) var(--shadow-small-light-color-1), var(--shadow-small-light-x-2) var(--shadow-small-light-y-2) var(--shadow-small-light-blur-2) var(--shadow-small-light-spread-2) var(--shadow-small-light-color-2), var(--shadow-small-light-x-3) var(--shadow-small-light-y-3) var(--shadow-small-light-blur-3) var(--shadow-small-light-spread-3) var(--shadow-small-light-color-3);
  box-shadow: var(--shadow-small-light-x-1) var(--shadow-small-light-y-1) var(--shadow-large-light-blur-1) var(--shadow-small-light-spread-1) var(--shadow-small-light-color-1), var(--shadow-small-light-x-2) var(--shadow-small-light-y-2) var(--shadow-small-light-blur-2) var(--shadow-small-light-spread-2) var(--shadow-small-light-color-2), var(--shadow-small-light-x-3) var(--shadow-small-light-y-3) var(--shadow-small-light-blur-3) var(--shadow-small-light-spread-3) var(--shadow-small-light-color-3);
  color: var(--color-text-secondary);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal
}

.component-container .welcome-content .recommend-question-list {
  width: 100%;
  gap: var(--spacing-base);
  padding: 0;
  margin: 0
}

.component-container .welcome-content .recommend-question-list,
.component-container .welcome-content .recommend-question-list .question-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.component-container .welcome-content .recommend-question-list .question-item {
  cursor: pointer;
  height: 32px;
  list-style: none;
  padding: 0 var(--spacing-base-loose);
  border-radius: var(--radius-large);
  border: var(--border-thickness) solid var(--color-border-normal);
  background: var(--inverse-opacity-4);
  -webkit-box-shadow: var(--shadow-small-light-x-1) var(--shadow-small-light-y-1) var(--shadow-large-light-blur-1) var(--shadow-small-light-spread-1) var(--shadow-small-light-color-1), var(--shadow-small-light-x-2) var(--shadow-small-light-y-2) var(--shadow-small-light-blur-2) var(--shadow-small-light-spread-2) var(--shadow-small-light-color-2), var(--shadow-small-light-x-3) var(--shadow-small-light-y-3) var(--shadow-small-light-blur-3) var(--shadow-small-light-spread-3) var(--shadow-small-light-color-3);
  box-shadow: var(--shadow-small-light-x-1) var(--shadow-small-light-y-1) var(--shadow-large-light-blur-1) var(--shadow-small-light-spread-1) var(--shadow-small-light-color-1), var(--shadow-small-light-x-2) var(--shadow-small-light-y-2) var(--shadow-small-light-blur-2) var(--shadow-small-light-spread-2) var(--shadow-small-light-color-2), var(--shadow-small-light-x-3) var(--shadow-small-light-y-3) var(--shadow-small-light-blur-3) var(--shadow-small-light-spread-3) var(--shadow-small-light-color-3)
}

.component-container .welcome-content .recommend-question-list .question-item span {
  color: var(--color-primary-normal);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px
}

.voice-bg[data-v-ed726372] {
  width: 100%;
  height: 100%
}

.mobile-voice-bg[data-v-ed726372] {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  background: linear-gradient(125deg, rgba(255, 239, 250, .8) 21.83%, #def5ff 79.71%), #fff
}

.mobile-voice-bg .voice-center[data-v-ed726372] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: calc(100% - 220px);
  margin-top: 50px
}

.mobile-voice-bg .voice-center.noShowRobot[data-v-ed726372] {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.mobile-voice-bg .voice-avatar-robot[data-v-ed726372] {
  overflow: hidden;
  margin: auto;
  width: 26vh;
  height: 26vh;
  background: #fff -46.362px -13.82px/126.716% 234.165% no-repeat;
  border: 7.5px solid #fff;
  border-radius: 100%;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg)
}

.mobile-voice-bg .voice-avatar-robot img[data-v-ed726372] {
  width: 100%;
  height: auto
}

.mobile-voice-bg .voice-avatar-robot .loader[data-v-ed726372] {
  position: relative;
  cursor: not-allowed;
  position: absolute;
  width: 26vh;
  height: 26vh;
  left: auto;
  top: auto;
  scale: 1;
  -webkit-transform: translate(0);
  transform: translate(0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.mobile-voice-bg .voice-avatar-robot[data-v-ed726372] .central,
.mobile-voice-bg .voice-avatar-robot[data-v-ed726372] .external-shadow {
  width: 26vh;
  height: 26vh
}

.mobile-voice-bg .voice-avatar-robot .remote-video[data-v-ed726372] {
  width: 100%
}

.mobile-voice-bg .voice-avatar-robot .remote-video.yoyo[data-v-ed726372] video {
  width: 150% !important;
  background-color: #fff !important;
  margin-left: -25%;
  margin-top: -58%
}

.mobile-voice-bg .voice-avatar-robot .remote-video.lke2[data-v-ed726372] video {
  width: 110% !important;
  background-color: #fff !important;
  margin-left: -5%;
  margin-top: -25%
}

.mobile-voice-bg .voice-avatar-robot .remote-video.lke1[data-v-ed726372] video {
  width: 135% !important;
  background-color: #fff !important;
  margin-left: -18%;
  margin-top: -40%
}

.mobile-voice-bg .voice-avatar-robot .remote-video.zhiming[data-v-ed726372] video {
  width: 120% !important;
  background-color: #fff !important;
  margin-left: -10%;
  margin-top: -5%
}

.mobile-voice-bg .voice-avatar-robot.with-txt[data-v-ed726372] {
  width: 20vh;
  height: 20vh;
  left: calc(50% - 80px)
}

.mobile-voice-bg .displayText[data-v-ed726372] {
  width: 100%
}

.mobile-voice-bg .transcriptionText[data-v-ed726372] {
  width: 100%;
  background: #fff
}

.mobile-voice-bg .voice-info-cont[data-v-ed726372] {
  max-width: 80%;
  max-height: 30vh;
  overflow-x: hidden;
  overflow-y: scroll;
  margin-left: 10%;
  margin-bottom: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 16px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(15%, #000), to(#000));
  -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 15%, #000);
  mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(15%, #000), to(#000));
  mask-image: linear-gradient(180deg, transparent 0, #000 15%, #000);
  scrollbar-width: none;
  -ms-overflow-style: none
}

.mobile-voice-bg .voice-info-cont[data-v-ed726372]::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none
}

.mobile-voice-bg .voice-info-cont.robot-txt[data-v-ed726372] {
  height: 32%
}

.mobile-voice-bg .voice-info-cont .user-question[data-v-ed726372] {
  color: var(--color-text-caption);
  font-family: var(--font-family-normal);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px
}

.mobile-voice-bg .voice-info-cont .user-answer[data-v-ed726372] {
  color: var(--text---color-text-primary, rgba(0, 1, 11, .93));
  font-family: var(--font-family-normal);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px
}

.mobile-voice-bg .voice-avatar-cont[data-v-ed726372] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px
}

.mobile-voice-bg .voice-avatar[data-v-ed726372] {
  width: 64px;
  height: 64px;
  aspect-ratio: 1/1;
  border-radius: 6.4px;
  border: var(--border-thickness) solid var(--color-divider-normal);
  position: absolute;
  bottom: calc(50% - 32px);
  text-align: center;
  left: calc(50% - 32px);
  overflow: hidden
}

.mobile-voice-bg .voice-avatar img[data-v-ed726372] {
  width: 100%;
  height: 100%
}

.mobile-voice-bg .voice-icon[data-v-ed726372] {
  color: var(--text---c-color-text-primary, rgba(0, 1, 12, .93));
  font-family: PingFang SC;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  position: absolute;
  bottom: calc(50% - 68px);
  width: 100%;
  text-align: center
}

.mobile-voice-bg .voice-op-cont[data-v-ed726372] {
  bottom: 8%;
  position: absolute;
  width: 100%
}

.mobile-voice-bg .voice-loading-cont[data-v-ed726372] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  margin: auto auto 36px;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.mobile-voice-bg .voice-loading-cont.icon-pointer[data-v-ed726372] {
  cursor: pointer
}

.mobile-voice-bg .voice-loader-txt[data-v-ed726372] {
  color: var(--color-text-caption);
  font-family: var(--font-family-normal);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px
}

.mobile-voice-bg .voice-btn-cont[data-v-ed726372] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  text-align: center;
  width: 80%;
  padding-left: 10%;
  padding-right: 10%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.mobile-voice-bg .voice-btn-mic[data-v-ed726372] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  width: 80px;
  cursor: pointer
}

.mobile-voice-bg .voice-btn-mic .mic-ico[data-v-ed726372] {
  background: var(--color-gray-0)
}

.mobile-voice-bg .handup-btn-mic[data-v-ed726372] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  width: 80px;
  cursor: pointer
}

.mobile-voice-bg .handup-btn-mic .mic-ico[data-v-ed726372] {
  background: var(--color-error-normal)
}

.mobile-voice-bg .handup-btn-mic .mic-ico .mic-icon[data-v-ed726372] {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  color: #fff
}

.mobile-voice-bg .script-btn-mic[data-v-ed726372] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  width: 80px;
  cursor: pointer
}

.mobile-voice-bg .script-btn-mic .mic-ico[data-v-ed726372] {
  background: var(--color-gray-0)
}

.mobile-voice-bg .mic-ico[data-v-ed726372] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 17px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8.5px;
  border-radius: 100%;
  background: var(--color-gray-0)
}

.mobile-voice-bg .mic-ico .mic-icon[data-v-ed726372] {
  width: 34px;
  height: 34px
}

.mobile-voice-bg .info[data-v-ed726372] {
  position: absolute;
  bottom: 1%;
  text-align: center;
  width: 100%;
  color: var(--color-text-caption);
  font-family: var(--font-family-normal);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px
}

.mobile-voice-bg .voice-loading[data-v-ed726372] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.mobile-voice-bg .load[data-v-ed726372] {
  width: 2px;
  height: 33px;
  background-color: #000;
  -webkit-animation: move6-data-v-ed726372 1s infinite;
  animation: move6-data-v-ed726372 1s infinite;
  border-radius: 5px;
  margin: .1em
}

.mobile-voice-bg .load[data-v-ed726372]:first-child {
  -webkit-animation-delay: .2s;
  animation-delay: .2s
}

.mobile-voice-bg .load[data-v-ed726372]:nth-child(2) {
  -webkit-animation-delay: .4s;
  animation-delay: .4s
}

.mobile-voice-bg .load[data-v-ed726372]:nth-child(3) {
  -webkit-animation-delay: .6s;
  animation-delay: .6s
}

.mobile-voice-bg .loader-voice[data-v-ed726372] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-box-pack: right;
  -ms-flex-pack: right;
  justify-content: right;
  border-radius: 10px;
  -webkit-transition: .4s ease-in-out;
  transition: .4s ease-in-out
}

.manage-side-wrap .manage-voice-bg[data-v-ed726372] {
  width: 100%;
  height: calc(100% + 64px);
  border-radius: 6px;
  background: linear-gradient(125deg, rgba(255, 239, 250, .8) 21.83%, #def5ff 79.71%), #fff;
  margin-top: -64px;
  padding-top: 64px
}

.manage-side-wrap .manage-voice-bg .voice-center[data-v-ed726372] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: calc(100% - 320px)
}

.manage-side-wrap .manage-voice-bg .voice-center.noShowRobot[data-v-ed726372] {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.manage-side-wrap .manage-voice-bg .voice-avatar-robot[data-v-ed726372] {
  overflow: hidden;
  margin: auto;
  width: 26vh;
  height: 26vh;
  background: #fff -46.362px -13.82px/126.716% 234.165% no-repeat;
  border: 7.5px solid #fff;
  border-radius: 100%;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg)
}

.manage-side-wrap .manage-voice-bg .voice-avatar-robot img[data-v-ed726372] {
  width: 100%;
  height: auto
}

.manage-side-wrap .manage-voice-bg .voice-avatar-robot .loader[data-v-ed726372] {
  position: relative;
  cursor: not-allowed;
  position: absolute;
  width: 26vh;
  height: 26vh;
  left: auto;
  top: auto;
  scale: 1;
  -webkit-transform: translate(0);
  transform: translate(0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.manage-side-wrap .manage-voice-bg .voice-avatar-robot[data-v-ed726372] .central,
.manage-side-wrap .manage-voice-bg .voice-avatar-robot[data-v-ed726372] .external-shadow {
  width: 26vh;
  height: 26vh
}

.manage-side-wrap .manage-voice-bg .voice-avatar-robot .remote-video[data-v-ed726372] {
  width: 100%
}

.manage-side-wrap .manage-voice-bg .voice-avatar-robot .remote-video.yoyo[data-v-ed726372] video {
  width: 150% !important;
  background-color: #fff !important;
  margin-left: -25%;
  margin-top: -58%
}

.manage-side-wrap .manage-voice-bg .voice-avatar-robot .remote-video.lke2[data-v-ed726372] video {
  width: 110% !important;
  background-color: #fff !important;
  margin-left: -5%;
  margin-top: -25%
}

.manage-side-wrap .manage-voice-bg .voice-avatar-robot .remote-video.lke1[data-v-ed726372] video {
  width: 135% !important;
  background-color: #fff !important;
  margin-left: -18%;
  margin-top: -40%
}

.manage-side-wrap .manage-voice-bg .voice-avatar-robot .remote-video.zhiming[data-v-ed726372] video {
  width: 120% !important;
  background-color: #fff !important;
  margin-left: -10%;
  margin-top: -5%
}

.manage-side-wrap .manage-voice-bg .voice-avatar-robot.with-txt[data-v-ed726372] {
  width: 20vh;
  height: 20vh;
  left: calc(50% - 80px)
}

.manage-side-wrap .manage-voice-bg .displayText[data-v-ed726372] {
  width: 100%
}

.manage-side-wrap .manage-voice-bg .transcriptionText[data-v-ed726372] {
  width: 100%;
  background: #fff
}

.manage-side-wrap .manage-voice-bg .voice-info-cont[data-v-ed726372] {
  max-width: 80%;
  max-height: 30vh;
  overflow-x: hidden;
  overflow-y: scroll;
  margin-left: 10%;
  margin-bottom: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 16px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(15%, #000), to(#000));
  -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 15%, #000);
  mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(15%, #000), to(#000));
  mask-image: linear-gradient(180deg, transparent 0, #000 15%, #000);
  scrollbar-width: none;
  -ms-overflow-style: none
}

.manage-side-wrap .manage-voice-bg .voice-info-cont[data-v-ed726372]::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none
}

.manage-side-wrap .manage-voice-bg .voice-info-cont.robot-txt[data-v-ed726372] {
  bottom: 35%;
  height: 30%
}

.manage-side-wrap .manage-voice-bg .voice-info-cont .user-question[data-v-ed726372] {
  color: var(--color-text-caption);
  font-family: var(--font-family-normal);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px
}

.manage-side-wrap .manage-voice-bg .voice-info-cont .user-answer[data-v-ed726372] {
  color: var(--text---color-text-primary, rgba(0, 1, 11, .93));
  font-family: var(--font-family-normal);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px
}

.manage-side-wrap .manage-voice-bg .voice-avatar[data-v-ed726372] {
  width: 120px;
  height: 120px;
  aspect-ratio: 1/1;
  border-radius: 12px;
  border: var(--border-thickness) solid var(--color-divider-normal);
  margin: auto;
  overflow: hidden
}

.manage-side-wrap .manage-voice-bg .voice-avatar img[data-v-ed726372] {
  width: 100%;
  height: 100%
}

.manage-side-wrap .manage-voice-bg .voice-icon[data-v-ed726372] {
  color: var(--color-text-primary);
  font-family: var(--font-family-normal);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  width: 100%;
  text-align: center;
  margin-top: 24px
}

.manage-side-wrap .manage-voice-bg .voice-op-cont[data-v-ed726372] {
  bottom: 8%;
  position: absolute;
  width: 100%
}

.manage-side-wrap .manage-voice-bg .voice-loading-cont[data-v-ed726372] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  margin: auto auto 36px;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.manage-side-wrap .manage-voice-bg .voice-loading-cont.icon-pointer[data-v-ed726372] {
  cursor: pointer
}

.manage-side-wrap .manage-voice-bg .voice-loader-txt[data-v-ed726372] {
  color: var(--color-text-caption);
  font-family: var(--font-family-normal);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px
}

.manage-side-wrap .manage-voice-bg .voice-btn-cont[data-v-ed726372] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 100px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto
}

.manage-side-wrap .manage-voice-bg .voice-btn-mic[data-v-ed726372] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  width: 80px;
  cursor: pointer
}

.manage-side-wrap .manage-voice-bg .voice-btn-mic .mic-ico[data-v-ed726372] {
  background: var(--color-gray-0)
}

.manage-side-wrap .manage-voice-bg .handup-btn-mic[data-v-ed726372] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  width: 80px;
  cursor: pointer
}

.manage-side-wrap .manage-voice-bg .handup-btn-mic .mic-ico[data-v-ed726372] {
  background: var(--color-error-normal)
}

.manage-side-wrap .manage-voice-bg .handup-btn-mic .mic-ico .mic-icon[data-v-ed726372] {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  color: #fff
}

.manage-side-wrap .manage-voice-bg .script-btn-mic[data-v-ed726372] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  width: 80px;
  cursor: pointer
}

.manage-side-wrap .manage-voice-bg .script-btn-mic .mic-ico[data-v-ed726372] {
  background: var(--color-gray-0)
}

.manage-side-wrap .manage-voice-bg .mic-ico[data-v-ed726372] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 17px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8.5px;
  border-radius: 100%;
  background: var(--color-gray-0)
}

.manage-side-wrap .manage-voice-bg .mic-ico .mic-icon[data-v-ed726372] {
  width: 34px;
  height: 34px
}

.manage-side-wrap .manage-voice-bg .mic-txt[data-v-ed726372] {
  color: var(--color-text-secondary);
  font-family: var(--font-family-normal);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px
}

.manage-side-wrap .manage-voice-bg .info[data-v-ed726372] {
  position: absolute;
  bottom: 1%;
  text-align: center;
  width: 100%;
  color: var(--color-text-caption);
  font-family: var(--font-family-normal);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px
}

.manage-side-wrap .manage-voice-bg .voice-loading[data-v-ed726372] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.manage-side-wrap .manage-voice-bg .load[data-v-ed726372] {
  width: 2px;
  height: 33px;
  background-color: #000;
  -webkit-animation: move6-data-v-ed726372 1s infinite;
  animation: move6-data-v-ed726372 1s infinite;
  border-radius: 5px;
  margin: .1em
}

.manage-side-wrap .manage-voice-bg .load[data-v-ed726372]:first-child {
  -webkit-animation-delay: .2s;
  animation-delay: .2s
}

.manage-side-wrap .manage-voice-bg .load[data-v-ed726372]:nth-child(2) {
  -webkit-animation-delay: .4s;
  animation-delay: .4s
}

.manage-side-wrap .manage-voice-bg .load[data-v-ed726372]:nth-child(3) {
  -webkit-animation-delay: .6s;
  animation-delay: .6s
}

.manage-side-wrap .manage-voice-bg .loader-voice[data-v-ed726372] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-box-pack: right;
  -ms-flex-pack: right;
  justify-content: right;
  border-radius: 10px;
  -webkit-transition: .4s ease-in-out;
  transition: .4s ease-in-out
}

@media (max-height:600px) {
  .manage-side-wrap .voice-avatar-robot[data-v-ed726372] {
    display: none !important
  }
}

@media (max-height:400px) {
  .manage-side-wrap .voice-center[data-v-ed726372] {
    display: none !important
  }
}

.client-side-wrap .manage-voice-bg[data-v-ed726372] {
  width: 100%;
  height: calc(100% + 64px);
  border-radius: 6px;
  background: linear-gradient(125deg, rgba(255, 239, 250, .8) 21.83%, #def5ff 79.71%), #fff;
  margin-top: -64px;
  padding-top: 64px
}

.client-side-wrap .manage-voice-bg .voice-center[data-v-ed726372] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: calc(100% - 220px)
}

.client-side-wrap .manage-voice-bg .voice-center.noShowRobot[data-v-ed726372] {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.client-side-wrap .manage-voice-bg .voice-avatar-robot[data-v-ed726372] {
  overflow: hidden;
  margin: auto;
  width: 26vh;
  height: 26vh;
  background: #fff -46.362px -13.82px/126.716% 234.165% no-repeat;
  border: 7.5px solid #fff;
  border-radius: 100%;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg)
}

.client-side-wrap .manage-voice-bg .voice-avatar-robot img[data-v-ed726372] {
  width: 100%;
  height: auto
}

.client-side-wrap .manage-voice-bg .voice-avatar-robot .loader[data-v-ed726372] {
  position: relative;
  cursor: not-allowed;
  position: absolute;
  width: 26vh;
  height: 26vh;
  left: auto;
  top: auto;
  scale: 1;
  -webkit-transform: translate(0);
  transform: translate(0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.client-side-wrap .manage-voice-bg .voice-avatar-robot[data-v-ed726372] .central,
.client-side-wrap .manage-voice-bg .voice-avatar-robot[data-v-ed726372] .external-shadow {
  width: 26vh;
  height: 26vh
}

.client-side-wrap .manage-voice-bg .voice-avatar-robot .remote-video[data-v-ed726372] {
  width: 100%
}

.client-side-wrap .manage-voice-bg .voice-avatar-robot .remote-video.yoyo[data-v-ed726372] video {
  width: 150% !important;
  background-color: #fff !important;
  margin-left: -25%;
  margin-top: -58%
}

.client-side-wrap .manage-voice-bg .voice-avatar-robot .remote-video.lke2[data-v-ed726372] video {
  width: 110% !important;
  background-color: #fff !important;
  margin-left: -5%;
  margin-top: -25%
}

.client-side-wrap .manage-voice-bg .voice-avatar-robot .remote-video.lke1[data-v-ed726372] video {
  width: 135% !important;
  background-color: #fff !important;
  margin-left: -18%;
  margin-top: -40%
}

.client-side-wrap .manage-voice-bg .voice-avatar-robot .remote-video.zhiming[data-v-ed726372] video {
  width: 120% !important;
  background-color: #fff !important;
  margin-left: -10%;
  margin-top: -5%
}

.client-side-wrap .manage-voice-bg .voice-avatar-robot.with-txt[data-v-ed726372] {
  width: 20vh;
  height: 20vh;
  left: calc(50% - 80px)
}

.client-side-wrap .manage-voice-bg .displayText[data-v-ed726372] {
  width: 100%
}

.client-side-wrap .manage-voice-bg .transcriptionText[data-v-ed726372] {
  width: 100%;
  background: #fff
}

.client-side-wrap .manage-voice-bg .voice-info-cont[data-v-ed726372] {
  max-width: 80%;
  max-height: 30vh;
  overflow-x: hidden;
  overflow-y: scroll;
  margin-left: 10%;
  margin-bottom: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 16px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(15%, #000), to(#000));
  -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 15%, #000);
  mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(15%, #000), to(#000));
  mask-image: linear-gradient(180deg, transparent 0, #000 15%, #000);
  scrollbar-width: none;
  -ms-overflow-style: none
}

.client-side-wrap .manage-voice-bg .voice-info-cont[data-v-ed726372]::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none
}

.client-side-wrap .manage-voice-bg .voice-info-cont.robot-txt[data-v-ed726372] {
  bottom: 35%;
  height: 30%
}

.client-side-wrap .manage-voice-bg .voice-info-cont .user-question[data-v-ed726372] {
  color: var(--color-text-caption);
  font-family: var(--font-family-normal);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px
}

.client-side-wrap .manage-voice-bg .voice-info-cont .user-answer[data-v-ed726372] {
  color: var(--text---color-text-primary, rgba(0, 1, 11, .93));
  font-family: var(--font-family-normal);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px
}

.client-side-wrap .manage-voice-bg .voice-avatar[data-v-ed726372] {
  width: 120px;
  height: 120px;
  aspect-ratio: 1/1;
  border-radius: 12px;
  border: var(--border-thickness) solid var(--color-divider-normal);
  margin: auto;
  overflow: hidden
}

.client-side-wrap .manage-voice-bg .voice-avatar img[data-v-ed726372] {
  width: 100%;
  height: 100%
}

.client-side-wrap .manage-voice-bg .voice-icon[data-v-ed726372] {
  color: var(--color-text-primary);
  font-family: var(--font-family-normal);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  width: 100%;
  text-align: center;
  margin-top: 24px
}

.client-side-wrap .manage-voice-bg .voice-op-cont[data-v-ed726372] {
  bottom: 8%;
  position: absolute;
  width: 100%
}

.client-side-wrap .manage-voice-bg .voice-loading-cont[data-v-ed726372] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  margin: auto auto 36px;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.client-side-wrap .manage-voice-bg .voice-loading-cont.icon-pointer[data-v-ed726372] {
  cursor: pointer
}

.client-side-wrap .manage-voice-bg .voice-loader-txt[data-v-ed726372] {
  color: var(--color-text-caption);
  font-family: var(--font-family-normal);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px
}

.client-side-wrap .manage-voice-bg .voice-btn-cont[data-v-ed726372] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 100px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto
}

.client-side-wrap .manage-voice-bg .voice-btn-mic[data-v-ed726372] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  width: 80px;
  cursor: pointer
}

.client-side-wrap .manage-voice-bg .voice-btn-mic .mic-ico[data-v-ed726372] {
  background: var(--color-gray-0)
}

.client-side-wrap .manage-voice-bg .handup-btn-mic[data-v-ed726372] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  width: 80px;
  cursor: pointer
}

.client-side-wrap .manage-voice-bg .handup-btn-mic .mic-ico[data-v-ed726372] {
  background: var(--color-error-normal)
}

.client-side-wrap .manage-voice-bg .handup-btn-mic .mic-ico .mic-icon[data-v-ed726372] {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  color: #fff
}

.client-side-wrap .manage-voice-bg .script-btn-mic[data-v-ed726372] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  width: 80px;
  cursor: pointer
}

.client-side-wrap .manage-voice-bg .script-btn-mic .mic-ico[data-v-ed726372] {
  background: var(--color-gray-0)
}

.client-side-wrap .manage-voice-bg .mic-ico[data-v-ed726372] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 17px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8.5px;
  border-radius: 100%;
  background: var(--color-gray-0)
}

.client-side-wrap .manage-voice-bg .mic-ico .mic-icon[data-v-ed726372] {
  width: 34px;
  height: 34px
}

.client-side-wrap .manage-voice-bg .mic-txt[data-v-ed726372] {
  color: var(--color-text-secondary);
  font-family: var(--font-family-normal);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px
}

.client-side-wrap .manage-voice-bg .info[data-v-ed726372] {
  position: absolute;
  bottom: 1%;
  text-align: center;
  width: 100%;
  color: var(--color-text-caption);
  font-family: var(--font-family-normal);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px
}

.client-side-wrap .manage-voice-bg .voice-loading[data-v-ed726372] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.client-side-wrap .manage-voice-bg .load[data-v-ed726372] {
  width: 2px;
  height: 33px;
  background-color: #000;
  -webkit-animation: move6-data-v-ed726372 1s infinite;
  animation: move6-data-v-ed726372 1s infinite;
  border-radius: 5px;
  margin: .1em
}

.client-side-wrap .manage-voice-bg .load[data-v-ed726372]:first-child {
  -webkit-animation-delay: .2s;
  animation-delay: .2s
}

.client-side-wrap .manage-voice-bg .load[data-v-ed726372]:nth-child(2) {
  -webkit-animation-delay: .4s;
  animation-delay: .4s
}

.client-side-wrap .manage-voice-bg .load[data-v-ed726372]:nth-child(3) {
  -webkit-animation-delay: .6s;
  animation-delay: .6s
}

.client-side-wrap .manage-voice-bg .loader-voice[data-v-ed726372] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-box-pack: right;
  -ms-flex-pack: right;
  justify-content: right;
  border-radius: 10px;
  -webkit-transition: .4s ease-in-out;
  transition: .4s ease-in-out
}

@media (max-height:600px) {
  .client-side-wrap .voice-avatar-robot[data-v-ed726372] {
    display: none !important
  }
}

@media (max-height:400px) {
  .client-side-wrap .voice-center[data-v-ed726372] {
    display: none !important
  }
}

.typing-indicator[data-v-ed726372] {
  width: 60px;
  height: 30px;
  position: relative;
  z-index: 4
}

.typing-circle[data-v-ed726372] {
  width: 8px;
  height: 8px;
  position: absolute;
  border-radius: 50%;
  background-color: #000;
  left: 15%
}

.typing-circle.circle-animation[data-v-ed726372] {
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: typing-circle7124-data-v-ed726372 .5s ease infinite alternate;
  animation: typing-circle7124-data-v-ed726372 .5s ease infinite alternate
}

@-webkit-keyframes typing-circle7124-data-v-ed726372 {
  0% {
    top: 20px;
    height: 5px;
    border-radius: 50px 50px 25px 25px;
    -webkit-transform: scaleX(1.7);
    transform: scaleX(1.7)
  }

  40% {
    height: 8px;
    border-radius: 50%;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }

  to {
    top: 0
  }
}

@keyframes typing-circle7124-data-v-ed726372 {
  0% {
    top: 20px;
    height: 5px;
    border-radius: 50px 50px 25px 25px;
    -webkit-transform: scaleX(1.7);
    transform: scaleX(1.7)
  }

  40% {
    height: 8px;
    border-radius: 50%;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }

  to {
    top: 0
  }
}

.typing-circle[data-v-ed726372]:nth-child(2) {
  left: 45%;
  -webkit-animation-delay: .2s;
  animation-delay: .2s
}

.typing-circle[data-v-ed726372]:nth-child(3) {
  left: auto;
  right: 15%;
  -webkit-animation-delay: .3s;
  animation-delay: .3s
}

@-webkit-keyframes move6-data-v-ed726372 {
  0% {
    height: .2em
  }

  25% {
    height: .7em
  }

  50% {
    height: 1.5em
  }

  to {
    height: .2em
  }
}

@keyframes move6-data-v-ed726372 {
  0% {
    height: .2em
  }

  25% {
    height: .7em
  }

  50% {
    height: 1.5em
  }

  to {
    height: .2em
  }
}

.loader[data-v-6bc6932a] {
  position: relative;
  cursor: not-allowed;
  scale: .7;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.central[data-v-6bc6932a] {
  -webkit-box-shadow: .5em 1em 1em hwb(246 59% 0), -.5em .5em 1em #ffb7d9, .5em -.5em 1em #a1ffff, -.5em -.5em 1em #c1a5ff;
  box-shadow: .5em 1em 1em hwb(246 59% 0), -.5em .5em 1em #ffb7d9, .5em -.5em 1em #a1ffff, -.5em -.5em 1em #c1a5ff
}

.central[data-v-6bc6932a],
.external-shadow[data-v-6bc6932a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 10em;
  height: 10em;
  border-radius: 50%
}

.external-shadow[data-v-6bc6932a] {
  -webkit-box-shadow: .5em .5em 3em #9292ff, -.5em .5em 3em #ffb8de, .5em -.5em 3em #c7ffff, -.5em -.5em 3em #ffceff;
  box-shadow: .5em .5em 3em #9292ff, -.5em .5em 3em #ffb8de, .5em -.5em 3em #c7ffff, -.5em -.5em 3em #ffceff;
  z-index: 999;
  -webkit-animation: rotate-data-v-6bc6932a 3s linear infinite;
  animation: rotate-data-v-6bc6932a 3s linear infinite;
  background-color: #fff
}

.intern[data-v-6bc6932a] {
  position: absolute;
  color: #000;
  z-index: 9999
}

.intern[data-v-6bc6932a]:before {
  content: "\52A0\8F7D\4E2D";
  -webkit-animation: percent 2s ease-in-out infinite;
  animation: percent 2s ease-in-out infinite
}

@-webkit-keyframes rotate-data-v-6bc6932a {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@keyframes rotate-data-v-6bc6932a {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

.asr-animation-mobile-container[data-v-1672073c] {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.asr-animation-mobile-container .text[data-v-1672073c] {
  position: absolute;
  bottom: 84px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: var(--colorte-xt-caption);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  z-index: 1;
  height: 100px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  background: -webkit-gradient(linear, left top, left bottom, from(), color-stop(), color-stop(#fff, ));
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .7) 50%, #fff)
}

.asr-animation-mobile-container .text-error[data-v-1672073c] {
  color: var(--color-error-normal)
}

.asr-animation-mobile-container .voiceing-container[data-v-1672073c] {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 82px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  border-radius: var(--radius-large);
  border: 1px solid #3e71ff;
  margin: 8px 12px
}

.asr-animation-mobile-container .voiceing-container .image[data-v-1672073c] {
  width: 260px;
  height: 44.688px;
  aspect-ratio: 260/44.69
}

.asr-animation-mobile-container .voiceing-container-error[data-v-1672073c] {
  border: 1px solid var(--color-error-normal)
}

.workspace-container[data-v-5803478b] {
  width: 50%;
  height: 100%;
  border-left: var(--border-normal) solid var(--color-divider-normal)
}

.workspace-container .workspace-header[data-v-5803478b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: var(--spacing-base) 16px var(--spacing-base) var(--spacing-quite-loose);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: var(--border-normal) solid var(--color-divider-normal)
}

.workspace-container .workspace-header .close-icon[data-v-5803478b] {
  cursor: pointer
}

.workspace-container .workspace-panel[data-v-5803478b] {
  height: calc(100% - 54px)
}

.realtime-container[data-v-bf796a16] {
  height: 100%;
  position: relative
}

.realtime-container .realtime-title[data-v-bf796a16] {
  padding: var(--spacing-base) var(--spacing-base-loose);
  font-size: 12px;
  line-height: 16px;
  max-width: 100%;
  overflow: hidden;
  color: var(--color-text-secondary);
  text-overflow: ellipsis;
  border-bottom: var(--border-normal) solid var(--color-divider-normal)
}

.realtime-container .realtime-answer-content[data-v-bf796a16],
.realtime-container .realtime-thought-content[data-v-bf796a16] {
  padding: var(--spacing-loose)
}

.realtime-container .realtime-thought-content[data-v-bf796a16] {
  height: calc(100% - 55px);
  overflow-y: auto
}

.realtime-container .realtime-thought-content[data-v-bf796a16] .code-action-expand {
  display: none
}

.realtime-container[data-v-bf796a16] .vjs-tree .vjs-key,
.realtime-container[data-v-bf796a16] .vjs-tree .vjs-tree__brackets {
  color: var(--color-success-hover)
}

.realtime-container[data-v-bf796a16] .vjs-tree .vjs-value__string {
  color: var(--color-text-secondary)
}

.realtime-container .sandbox[data-v-bf796a16] {
  width: 100%;
  height: 100%
}

.realtime-container .json-wrap[data-v-bf796a16] {
  width: 100%;
  height: 100%;
  overflow-y: auto
}

.realtime-container .json-wrap .question-text[data-v-bf796a16],
.realtime-container .json-wrap code[data-v-bf796a16],
.realtime-container .json-wrap pre[data-v-bf796a16] {
  height: 100%
}

.realtime-container .json-wrap[data-v-bf796a16] code {
  height: calc(100% - 60px)
}

.realtime-container .json-wrap[data-v-bf796a16] pre {
  height: 100%
}

.realtime-container .other-content[data-v-bf796a16] {
  word-wrap: break-word
}

.realtime-container .display-iframe[data-v-bf796a16] {
  width: 100%;
  height: 100%;
  border: none
}

.realtime-container .display-img[data-v-bf796a16] {
  width: 100%;
  height: auto
}

.iframe-container[data-v-0d53dd3c] {
  width: 100%;
  height: 100%
}

.iframe-container iframe[data-v-0d53dd3c] {
  border: none;
  width: 1282px;
  height: 1282px
}

.iframe-container img[data-v-0d53dd3c] {
  width: 100%;
  height: auto
}

.files-container[data-v-583c363f] {
  height: 100%;
  position: relative
}

.files-container .file-list[data-v-583c363f] {
  height: 100%;
  width: 100%
}

.files-container .file-item[data-v-583c363f] {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px;
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer
}

.files-container .file-item[data-v-583c363f]:hover {
  border-radius: 8px 8px 0 0;
  background: var(--color-fill-hover)
}

.files-container .file-item:hover .time[data-v-583c363f] {
  display: none
}

.files-container .file-item:hover .download[data-v-583c363f] {
  display: block
}

.files-container .info[data-v-583c363f] {
  width: 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px
}

.files-container .info .detail[data-v-583c363f] {
  width: 80%
}

.files-container .info .detail .title[data-v-583c363f] {
  line-height: 20px;
  color: var(--color-text-primary);
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.files-container .info .detail .size[data-v-583c363f] {
  color: var(--color-text-caption);
  font-size: 12px;
  line-height: 16px
}

.files-container .extra[data-v-583c363f] {
  color: var(--color-text-caption);
  line-height: 20px
}

.files-container .extra .download[data-v-583c363f] {
  display: none;
  cursor: pointer
}

.files-container .file-title[data-v-583c363f] {
  padding: var(--spacing-base) var(--spacing-base-loose);
  font-size: 12px;
  line-height: 16px;
  max-width: 100%;
  overflow: hidden;
  color: var(--color-text-secondary);
  text-overflow: ellipsis;
  border-bottom: var(--border-normal) solid var(--color-divider-normal);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.files-container .file-title>span[data-v-583c363f] {
  max-width: 80%;
  overflow: hidden;
  color: var(--color-text-secondary);
  text-overflow: ellipsis
}

.files-container .file-title>div[data-v-583c363f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.files-container .html-item[data-v-583c363f] {
  width: 100%;
  height: 100%
}

.files-container .html-item iframe[data-v-583c363f] {
  padding: var(--spacing-loose);
  height: calc(100% - 34px);
  border: none
}

.files-container .html-item iframe[data-v-583c363f],
.files-container .image-item[data-v-583c363f] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%
}

.files-container .image-item img[data-v-583c363f] {
  padding: var(--spacing-loose);
  width: 100%;
  height: auto
}

.files-container .file-detail[data-v-583c363f] {
  height: 100%
}

.file-preview[data-v-6f32f78d] {
  width: 100%;
  height: 100%
}

.file-preview iframe[data-v-6f32f78d] {
  border: none;
  width: 100%;
  height: 100%
}

.preview-warn[data-v-7ab3537f] {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  color: var(--color-text-caption);
  font-size: 16px;
  line-height: 24px;
  gap: 38px
}

.preview-warn .v-icon[data-v-7ab3537f] {
  cursor: pointer
}

.manage-side-wrap[data-v-045fbcb2] {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none
}

.manage-side-wrap .chat-wrap[data-v-045fbcb2],
.manage-side-wrap[data-v-045fbcb2] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  overflow: hidden
}

.manage-side-wrap .chat-wrap[data-v-045fbcb2] {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.manage-side-wrap .workspace-active[data-v-045fbcb2] {
  width: 50%
}

.manage-side-wrap .preview-img[data-v-045fbcb2] .v-img-viewr__mask {
  background: var(--inverse-opacity-1);
  -webkit-backdrop-filter: blur(calc(var(--bgBlur-medium)/2));
  backdrop-filter: blur(calc(var(--bgBlur-medium)/2))
}

.manage-side-wrap[data-v-045fbcb2] .client-chat {
  height: 85% !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 1 auto !important;
  flex: 0 1 auto !important
}

.manage-side-wrap[data-v-045fbcb2] .client-chat,
.manage-side-wrap[data-v-045fbcb2] .question-input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 1280px
}

.manage-side-wrap.is-experience[data-v-045fbcb2] {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.manage-side-wrap.is-experience .client-chat[data-v-045fbcb2],
.manage-side-wrap.is-experience .question-input[data-v-045fbcb2] {
  max-width: 860px;
  width: 100%
}

@media (max-width:1650px) {
  .workspace-active[data-v-045fbcb2] .token-container {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
  }
}

.async-side-wrap[data-v-07dca6a0] {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none
}

.async-side-wrap .async-wrap[data-v-07dca6a0],
.async-side-wrap[data-v-07dca6a0] {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.async-side-wrap .async-wrap[data-v-07dca6a0] {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.async-side-wrap .preview-img[data-v-07dca6a0] .v-img-viewr__mask {
  background: var(--inverse-opacity-1);
  -webkit-backdrop-filter: blur(calc(var(--bgBlur-medium)/2));
  backdrop-filter: blur(calc(var(--bgBlur-medium)/2))
}

.async-side-wrap[data-v-07dca6a0] .async-chat {
  height: 85% !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 1 auto !important;
  flex: 0 1 auto !important
}

.async-side-wrap[data-v-07dca6a0] .async-chat,
.async-side-wrap[data-v-07dca6a0] .question-input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 1280px
}

.async-side-wrap.is-experience[data-v-07dca6a0] {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.async-side-wrap.is-experience .async-chat[data-v-07dca6a0],
.async-side-wrap.is-experience .question-input[data-v-07dca6a0] {
  max-width: 860px;
  width: 100%
}

.async-chat[data-v-114d091e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow-y: overlay;
  overflow-y: scroll;
  padding: 0 var(--spacing-quite-loose)
}

.async-chat .loading[data-v-114d091e] {
  margin: 1em 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.async-chat .loading[data-v-114d091e]:after {
  content: ".";
  -webkit-animation: ellipsis-data-v-114d091e 1.5s steps(1) infinite;
  animation: ellipsis-data-v-114d091e 1.5s steps(1) infinite
}

.async-chat .loading[data-v-114d091e]:before {
  content: "";
  display: inline-block;
  height: 22px;
  width: 22px;
  margin-right: 8px;
  background: url(https://42-fe-cdn-1251316161.cos.ap-nanjing.myqcloud.com/webim/assets/img/loading.84d9f90.gif) no-repeat;
  background-size: contain
}

@-webkit-keyframes ellipsis-data-v-114d091e {
  0% {
    content: "."
  }

  33% {
    content: ".."
  }

  66% {
    content: "..."
  }

  to {
    content: "."
  }
}

@keyframes ellipsis-data-v-114d091e {
  0% {
    content: "."
  }

  33% {
    content: ".."
  }

  66% {
    content: "..."
  }

  to {
    content: "."
  }
}

.async-chat .qa-null[data-v-114d091e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 80%;
  text-align: center
}

.async-chat .qa-null .main-desc[data-v-114d091e] {
  font-weight: 600;
  font-size: 20px;
  color: var(--color-text-primary);
  margin: 20px
}

.async-chat .qa-null .sub-desc[data-v-114d091e] {
  font-weight: 400;
  font-size: 14px;
  color: var(--color-text-caption)
}

.async-chat .qa-null .title-desc[data-v-114d091e] {
  color: var(--color-text-primary);
  margin-top: 16px;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px
}

.async-chat .qa-null .title-robot-avatar[data-v-114d091e] {
  border-radius: var(--radius-super-large);
  width: 64px;
  height: 64px;
  overflow: hidden;
  vertical-align: middle;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.async-chat .qa-null .title-robot-avatar img[data-v-114d091e] {
  width: 64px;
  height: 64px;
  border-radius: var(--radius-super-large);
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.async-chat .qa-null .greet-desc[data-v-114d091e] {
  font-size: 14px;
  color: var(--color-text-secondary);
  max-width: 860px;
  text-align: start;
  margin-top: 24px;
  padding: 10px 12px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 6px;
  border: .5px solid var(--color-border-normal);
  background: var(--inverse-opacity-4);
  -webkit-box-shadow: var(--shadow-small-light-x-1) var(--shadow-small-light-y-1) var(--shadow-large-light-blur-1) var(--shadow-small-light-spread-1) var(--shadow-small-light-color-1), var(--shadow-small-light-x-2) var(--shadow-small-light-y-2) var(--shadow-small-light-blur-2) var(--shadow-small-light-spread-2) var(--shadow-small-light-color-2), var(--shadow-small-light-x-3) var(--shadow-small-light-y-3) var(--shadow-small-light-blur-3) var(--shadow-small-light-spread-3) var(--shadow-small-light-color-3);
  box-shadow: var(--shadow-small-light-x-1) var(--shadow-small-light-y-1) var(--shadow-large-light-blur-1) var(--shadow-small-light-spread-1) var(--shadow-small-light-color-1), var(--shadow-small-light-x-2) var(--shadow-small-light-y-2) var(--shadow-small-light-blur-2) var(--shadow-small-light-spread-2) var(--shadow-small-light-color-2), var(--shadow-small-light-x-3) var(--shadow-small-light-y-3) var(--shadow-small-light-blur-3) var(--shadow-small-light-spread-3) var(--shadow-small-light-color-3)
}

.async-chat .qa-item[data-v-114d091e],
.async-chat .qa-null .greet-desc[data-v-114d091e] {
  line-height: 22px;
  word-break: break-all;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.async-chat .qa-item[data-v-114d091e] {
  margin-bottom: 16px;
  color: var(--color-text-primary);
  font-size: 15px;
  font-style: normal;
  font-weight: 400
}

.async-chat .qa-item .timestamp[data-v-114d091e] {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: var(--color-text-caption);
  margin: 16px 0
}

.async-chat .qa-item p[data-v-114d091e] {
  margin: 0
}

.async-chat .qa-item .question-item[data-v-114d091e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  -ms-flex-item-align: end;
  align-self: flex-end;
  padding-left: 44px;
  margin-bottom: 10px
}

.async-chat .qa-item .question-item[data-v-114d091e]:last-child {
  margin-bottom: 0
}

.async-chat .qa-item .question-item .question-text[data-v-114d091e] {
  background: #dbe8ff;
  border-radius: 6px;
  padding: 0 16px;
  text-align: left;
  word-break: break-all;
  word-wrap: break-word
}

.async-chat .qa-item .question-item .question-text p[data-v-114d091e] {
  margin: 12px 0
}

.async-chat .qa-item .answer-item[data-v-114d091e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.async-chat .qa-item .answer-item .answer-info-container[data-v-114d091e] {
  width: calc(100% - 55px)
}

.async-chat .qa-item .answer-item .answer-info[data-v-114d091e] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0;
  width: 100%
}

.async-chat .qa-item .answer-item .answer-info .answer-info-output[data-v-114d091e] {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.workflow__container[data-v-ff92656e] {
  background-color: var(--color-bg-0);
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.ept-content[data-v-d654a472] {
  color: #979797;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px
}

[data-v-d654a472] .thought-clps-content .thought-detail.last-item {
  border-bottom: none !important
}

[data-v-d654a472] .answer-md>ol,
[data-v-d654a472] .answer-md>ul {
  padding-left: 1.5em
}

[data-v-d654a472] .answer-md ol ol,
[data-v-d654a472] .answer-md ol ul,
[data-v-d654a472] .answer-md ul ol,
[data-v-d654a472] .answer-md ul ul {
  padding-left: 1.2em
}

[data-v-d654a472] .answer-md ::marker {
  color: #000
}

[data-v-d654a472] .answer-md hr {
  border: none;
  height: .5px;
  background: var(--color-divider-normal)
}

.workflow-chat::-webkit-scrollbar {
  display: none;
  height: 100%
}

.workflow-chat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow-y: overlay;
  overflow-y: scroll
}

.workflow-chat video {
  width: 100%;
  max-width: 390px
}

.workflow-chat .loading {
  margin: 1em 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.workflow-chat .loading:after {
  content: ".";
  -webkit-animation: ellipsis 1.5s steps(1) infinite;
  animation: ellipsis 1.5s steps(1) infinite
}

.workflow-chat .loading:before {
  content: "";
  display: inline-block;
  height: 22px;
  width: 22px;
  margin-right: 8px;
  background: url(https://42-fe-cdn-1251316161.cos.ap-nanjing.myqcloud.com/webim/assets/img/loading.84d9f90.gif) no-repeat;
  background-size: contain
}

.workflow-chat .transfer-info {
  margin: auto;
  font-weight: 400;
  font-size: 14px;
  color: var(--color-text-primary);
  text-align: center
}

.workflow-chat .transfer-info .chat-status-item {
  padding: 4px 16px;
  background: #f4f5f7;
  width: 150px;
  opacity: .8;
  margin: 6px auto;
  border-radius: 6px
}

.workflow-chat .transfer-info .chat-status-item .status-text {
  display: inline-block;
  font-weight: 400;
  font-size: 12px;
  color: var(--color-text-caption)
}

.workflow-chat .qa-history {
  text-align: center
}

.workflow-chat .qa-history.isMobile {
  margin-top: 65px
}

.workflow-chat .qa-history .v-spinner__container__default,
.workflow-chat .qa-history .v-spinner__tip {
  font-size: 12px;
  color: var(--color-text-primary)
}

.workflow-chat .break-releation-class {
  margin: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.workflow-chat .qa-item {
  word-break: break-all;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 16px;
  color: var(--color-text-primary);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px
}

.workflow-chat .qa-item .timestamp {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: var(--color-text-caption);
  margin: 16px 0
}

.workflow-chat .qa-item p {
  margin: 0
}

.workflow-chat .qa-item .question-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  -ms-flex-item-align: end;
  align-self: flex-end;
  padding-left: 44px;
  margin-bottom: 10px
}

.workflow-chat .qa-item .question-item:last-child {
  margin-bottom: 0
}

.workflow-chat .qa-item .question-item.question-doc-item {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
  padding: var(--spacing-base);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--spacing-tight);
  border-radius: var(--radius-large);
  background: var(--color-bg-1);
  -webkit-box-shadow: var(--shadow-small-light-x-1) var(--shadow-small-light-y-1) var(--shadow-large-light-blur-1) var(--shadow-small-light-spread-1) var(--shadow-small-light-color-1), var(--shadow-small-light-x-2) var(--shadow-small-light-y-2) var(--shadow-small-light-blur-2) var(--shadow-small-light-spread-2) var(--shadow-small-light-color-2), var(--shadow-small-light-x-3) var(--shadow-small-light-y-3) var(--shadow-small-light-blur-3) var(--shadow-small-light-spread-3) var(--shadow-small-light-color-3);
  box-shadow: var(--shadow-small-light-x-1) var(--shadow-small-light-y-1) var(--shadow-large-light-blur-1) var(--shadow-small-light-spread-1) var(--shadow-small-light-color-1), var(--shadow-small-light-x-2) var(--shadow-small-light-y-2) var(--shadow-small-light-blur-2) var(--shadow-small-light-spread-2) var(--shadow-small-light-color-2), var(--shadow-small-light-x-3) var(--shadow-small-light-y-3) var(--shadow-small-light-blur-3) var(--shadow-small-light-spread-3) var(--shadow-small-light-color-3);
  position: relative
}

.workflow-chat .qa-item .question-item.question-doc-item .doc-icon-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 36px;
  height: 36px;
  padding: 3px 4.5px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 1.5px
}

.workflow-chat .qa-item .question-item.question-doc-item .doc-icon-cont .doc-icon {
  width: 27px;
  height: 30px;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.workflow-chat .qa-item .question-item.question-doc-item .doc-txt-cont {
  text-align: left
}

.workflow-chat .qa-item .question-item.question-doc-item .doc-txt-cont .doc-txt-info {
  color: var(--color-text-caption);
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px
}

.workflow-chat .qa-item .question-item.question-doc-item .doc-txt-cont .filename {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: var(--color-text-primary);
  width: 138px;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px
}

.workflow-chat .qa-item .question-item.question-image-item {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-bottom: 16px;
  gap: 12px
}

.workflow-chat .qa-item .question-item.question-image-item .qs-error,
.workflow-chat .qa-item .question-item.question-image-item .qs-loading {
  margin-bottom: 15px;
  margin-right: 0
}

.workflow-chat .qa-item .question-item.question-image-item p {
  margin: 0;
  line-height: 0
}

.workflow-chat .qa-item .question-item .qs-error {
  min-width: 16px;
  margin-right: 10px;
  color: var(--color-error-normal)
}

.workflow-chat .qa-item .question-item .qs-loading {
  margin-right: 10px
}

.workflow-chat .qa-item .question-item .question-text p {
  margin: 12px 0
}

.workflow-chat .qa-item .question-item .question-image,
.workflow-chat .qa-item .question-item .question-text {
  background: #dbe8ff;
  border-radius: 6px;
  padding: 0 16px;
  text-align: left;
  word-break: break-all;
  word-wrap: break-word
}

.workflow-chat .qa-item .question-item .question-text.question-text-mobile code {
  white-space: break-spaces
}

.workflow-chat .qa-item .question-item .question-text.question-text-mobile img {
  max-width: 80%;
  max-height: 320px;
  border-radius: 6px
}

.workflow-chat .qa-item .question-item .question-text code {
  white-space: break-spaces
}

.workflow-chat .qa-item .question-item .question-text img {
  max-width: 480px;
  max-height: 320px;
  border-radius: 6px
}

.workflow-chat .qa-item .question-item .question-image {
  background: none;
  padding: 0
}

.workflow-chat .qa-item .question-item .question-image img {
  border-radius: 6px;
  border: .5px solid var(--border---color-border-normal);
  max-width: 100%;
  max-height: 320px
}

.workflow-chat .qa-item .transfer-item {
  margin-bottom: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  -ms-flex-item-align: center;
  align-self: center;
  padding: 28px 24px 12px;
  background: var(--color-bg-1);
  -webkit-box-shadow: 0 8px 24px rgba(18, 19, 25, .08), 0 0 12px rgba(18, 19, 25, .04), 0 0 1px rgba(18, 19, 25, .08);
  box-shadow: 0 8px 24px rgba(18, 19, 25, .08), 0 0 12px rgba(18, 19, 25, .04), 0 0 1px rgba(18, 19, 25, .08);
  border-radius: 6px;
  font-weight: 400;
  font-size: 12px;
  margin-top: 50px
}

.workflow-chat .qa-item .transfer-item,
.workflow-chat .qa-item .transfer-item .transfer-avatar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center
}

.workflow-chat .qa-item .transfer-item .transfer-avatar {
  margin-top: -50px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.workflow-chat .qa-item .transfer-item .transfer-text {
  margin-top: 8px;
  color: var(--color-text-secondary)
}

.workflow-chat .qa-item .transfer-item .transfer-timestamp {
  margin-top: 4px;
  color: var(--color-text-caption)
}

.workflow-chat .qa-item .chat-status-item {
  -ms-flex-item-align: center;
  align-self: center;
  margin: 16px 0;
  padding: 4px 16px;
  background: #f4f5f7;
  opacity: .8;
  border-radius: 6px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.workflow-chat .qa-item .chat-status-item .status-icon {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  margin-right: 5px
}

.workflow-chat .qa-item .chat-status-item .status-icon.gray {
  background-color: var(--color-gray-6)
}

.workflow-chat .qa-item .chat-status-item .status-icon.green {
  background-color: var(--color-success-normal)
}

.workflow-chat .qa-item .chat-status-item .status-icon.red {
  background-color: var(--color-error-normal)
}

.workflow-chat .qa-item .chat-status-item .status-text {
  display: inline-block;
  font-weight: 400;
  font-size: 12px;
  width: 97%;
  color: var(--color-text-caption)
}

.workflow-chat .qa-item .summary-item {
  -ms-flex-item-align: center;
  align-self: center;
  margin: 12px 0
}

.workflow-chat .qa-item .answer-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.workflow-chat .qa-item .answer-item .contacter-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-right: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.workflow-chat .qa-item .answer-item .summary-info {
  padding: 0 16px
}

.workflow-chat .qa-item .answer-item .classify-info,
.workflow-chat .qa-item .answer-item .summary-info {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #f4f5f7;
  border-radius: 6px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.workflow-chat .qa-item .answer-item .classify-info {
  padding: 12px;
  gap: 4px
}

.workflow-chat .qa-item .answer-item .classify-info .classify-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: var(--spacing-tight) var(--spacing-base);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: var(--radius-normal);
  border: var(--border-normal) solid var(--color-brand-1);
  background: var(--color-brand-0);
  color: var(--color-brand-5);
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px
}

.workflow-chat .qa-item .answer-item .classify-info .classify-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  word-break: break-all
}

.workflow-chat .qa-item .answer-item .classify-info .classify-container .classify-label {
  height: 26px;
  line-height: 26px
}

.workflow-chat .qa-item .answer-item .classify-info .classify-container .classify-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  gap: 4px
}

.workflow-chat .qa-item .answer-item .answer-info-container {
  width: calc(100% - 55px)
}

.workflow-chat .qa-item .answer-item .answer-info {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0;
  width: 100%
}

.workflow-chat .qa-item .answer-item .answer-info.is-selected {
  outline: 1.5px solid var(--color-primary-normal);
  outline-offset: -1.5px
}

.workflow-chat .qa-item .answer-item .answer-info .answer-options {
  line-height: 40px;
  max-width: 310px;
  overflow-y: scroll;
  padding-bottom: 6px
}

.workflow-chat .qa-item .answer-item .answer-info .answer-options::-webkit-scrollbar {
  background: transparent;
  width: 5px;
  height: 8px
}

.workflow-chat .qa-item .answer-item .answer-info .answer-options::-webkit-scrollbar-track {
  background: transparent;
  width: 0
}

.workflow-chat .qa-item .answer-item .answer-info .answer-options::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(17, 32, 70, .13)
}

.workflow-chat .qa-item .answer-item .answer-info .answer-options .option-card {
  cursor: pointer;
  margin-right: 8px;
  padding: 6px 12px;
  display: inline-block;
  border-radius: 15px;
  border: var(--border-thickness) solid #4a70ff;
  background: #fff;
  color: #4a70ff;
  text-align: center;
  font-family: PingFang SC;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  max-width: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.workflow-chat .qa-item .answer-item .answer-info .answer-options .option-card.disabled {
  border-radius: 15px;
  border: var(--border-thickness) solid var(--color-primary-disable);
  background: #fff;
  color: var(--color-primary-disable);
  text-align: center;
  font-family: PingFang SC;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  pointer-events: none
}

.workflow-chat .qa-item .answer-item .answer-info .answer-options .option-card.is-active {
  border-color: var(--color-primary-normal);
  color: var(--color-primary-normal);
  pointer-events: none
}

.workflow-chat .qa-item .answer-item .answer-info .answer-expand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  width: 44px;
  height: 24px;
  margin-bottom: 12px;
  background: var(--color-bg-2);
  -webkit-box-shadow: var(--shadow-small-light);
  box-shadow: var(--shadow-small-light);
  border-radius: 16px;
  -ms-flex-item-align: center;
  align-self: center
}

.workflow-chat .qa-item .answer-item .answer-info .stop-ws {
  color: var(--color-text-caption);
  margin-left: 5px
}

.workflow-chat .qa-item .answer-item .answer-info .answer-source {
  margin: 12px 0;
  font-size: 14px;
  color: var(--color-text-caption);
  text-align: left
}

.workflow-chat .qa-item .answer-item .answer-info .answer-source .v-button {
  text-decoration: none;
  text-align: left
}

.workflow-chat .qa-item .answer-item .answer-clarify>div {
  max-width: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: var(--spacing-base) var(--spacing-base-loose);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: var(--radius-large);
  border: var(--border-thickness) solid var(--color-border-normal);
  background: var(--inverse-opacity-4);
  -webkit-box-shadow: var(--shadow-small-light-x-1) var(--shadow-small-light-y-1) var(--shadow-large-light-blur-1) var(--shadow-small-light-spread-1) var(--shadow-small-light-color-1), var(--shadow-small-light-x-2) var(--shadow-small-light-y-2) var(--shadow-small-light-blur-2) var(--shadow-small-light-spread-2) var(--shadow-small-light-color-2), var(--shadow-small-light-x-3) var(--shadow-small-light-y-3) var(--shadow-small-light-blur-3) var(--shadow-small-light-spread-3) var(--shadow-small-light-color-3);
  box-shadow: var(--shadow-small-light-x-1) var(--shadow-small-light-y-1) var(--shadow-large-light-blur-1) var(--shadow-small-light-spread-1) var(--shadow-small-light-color-1), var(--shadow-small-light-x-2) var(--shadow-small-light-y-2) var(--shadow-small-light-blur-2) var(--shadow-small-light-spread-2) var(--shadow-small-light-color-2), var(--shadow-small-light-x-3) var(--shadow-small-light-y-3) var(--shadow-small-light-blur-3) var(--shadow-small-light-spread-3) var(--shadow-small-light-color-3);
  color: var(--color-primary-normal);
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  cursor: pointer;
  margin-bottom: 12px
}

.workflow-chat :root {
  --self-padding-bottom: 120px
}

.workflow-chat .qa-item-last {
  padding-bottom: 120px
}

.workflow-chat .qa-null {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 80%;
  text-align: center
}

.workflow-chat .qa-null .main-desc {
  font-weight: 600;
  font-size: 20px;
  color: var(--color-text-primary);
  margin: 20px
}

.workflow-chat .qa-null .sub-desc {
  font-weight: 400;
  font-size: 14px;
  color: var(--color-text-caption)
}

.workflow-chat .qa-null .title-desc {
  color: var(--color-text-primary);
  margin-top: 16px;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px
}

.workflow-chat .qa-null .title-robot-avatar {
  border-radius: var(--radius-super-large);
  width: 64px;
  height: 64px;
  overflow: hidden;
  vertical-align: middle;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.workflow-chat .qa-null .title-robot-avatar img {
  width: 64px;
  height: 64px;
  border-radius: var(--radius-super-large);
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.workflow-chat .qa-null .greet-desc {
  font-size: 14px;
  line-height: 22px;
  color: var(--color-text-secondary);
  max-width: 860px;
  word-break: break-all;
  text-align: start;
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 6px;
  border: .5px solid var(--color-border-normal);
  background: var(--inverse-opacity-4);
  -webkit-box-shadow: var(--shadow-small-light-x-1) var(--shadow-small-light-y-1) var(--shadow-large-light-blur-1) var(--shadow-small-light-spread-1) var(--shadow-small-light-color-1), var(--shadow-small-light-x-2) var(--shadow-small-light-y-2) var(--shadow-small-light-blur-2) var(--shadow-small-light-spread-2) var(--shadow-small-light-color-2), var(--shadow-small-light-x-3) var(--shadow-small-light-y-3) var(--shadow-small-light-blur-3) var(--shadow-small-light-spread-3) var(--shadow-small-light-color-3);
  box-shadow: var(--shadow-small-light-x-1) var(--shadow-small-light-y-1) var(--shadow-large-light-blur-1) var(--shadow-small-light-spread-1) var(--shadow-small-light-color-1), var(--shadow-small-light-x-2) var(--shadow-small-light-y-2) var(--shadow-small-light-blur-2) var(--shadow-small-light-spread-2) var(--shadow-small-light-color-2), var(--shadow-small-light-x-3) var(--shadow-small-light-y-3) var(--shadow-small-light-blur-3) var(--shadow-small-light-spread-3) var(--shadow-small-light-color-3)
}

.workflow-input[data-v-3ac0d977] {
  background: hsla(0, 0%, 100%, .6);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px
}

.workflow-input .toolbar-info[data-v-3ac0d977] {
  display: inline-block;
  font-weight: 400;
  font-size: 12px;
  color: var(--color-text-caption)
}

.workflow-input .toolbar-info .red-txt[data-v-3ac0d977] {
  color: red
}

.workflow-input .stop-button[data-v-3ac0d977] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 10px
}

.workflow-input .stop-button button[data-v-3ac0d977] {
  -webkit-box-shadow: var(--shadow-small);
  box-shadow: var(--shadow-small);
  border: none;
  padding: 6px 8px
}

.workflow-input .question-mask[data-v-3ac0d977] {
  width: 100%;
  height: 110px;
  position: absolute;
  z-index: 200;
  background: hsla(0, 0%, 100%, 0);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: bolder
}

.workflow-input .question-mask[data-v-3ac0d977],
.workflow-input .tips[data-v-3ac0d977] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.workflow-input .tips[data-v-3ac0d977] {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: var(--text---c-color-text-caption, rgba(0, 11, 54, .41));
  font: var(--caption-regular);
  padding: 0 var(--spacing-quite-loose) var(--spacing-base-loose) var(--spacing-quite-loose)
}

.workflow-input-inner[data-v-3ac0d977] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: hsla(0, 0%, 100%, .8);
  border: var(--border-normal) solid;
  border-color: #e1e6f0;
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 55, 159, .05);
  box-shadow: 0 4px 12px 0 rgba(0, 55, 159, .05);
  border-radius: var(--radius-large)
}

.workflow-input-inner.has-recommend[data-v-3ac0d977] {
  margin: 0 12px 12px
}

.workflow-input-inner[data-v-3ac0d977]:hover {
  border: 1px solid var(--color-border-hover);
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 55, 159, .05);
  box-shadow: 0 4px 12px 0 rgba(0, 55, 159, .05)
}

.workflow-input-inner .v-textarea--default[data-v-3ac0d977] {
  border-radius: var(--radius-large)
}

.workflow-input-inner.inputFocus[data-v-3ac0d977],
.workflow-input-inner[data-v-3ac0d977]:has(.v-textarea--focus),
.workflow-input-inner[data-v-3ac0d977]:has(.workflow-input-inner) {
  border: 1px solid transparent;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background-image: -webkit-gradient(linear, left top, right top, from(#fff), to(#fff)), conic-gradient(from 180deg, #4a70ff, #53cbff 30%, #6054f5 70%, #4a70ff);
  background-image: linear-gradient(90deg, #fff, #fff), conic-gradient(from 180deg, #4a70ff, #53cbff 30%, #6054f5 70%, #4a70ff);
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 55, 159, .05);
  box-shadow: 0 4px 12px 0 rgba(0, 55, 159, .05)
}

.workflow-input-inner.disabled[data-v-3ac0d977] {
  background-color: var(--color-fill-disable);
  border-color: var(--color-border-disable) !important
}

.workflow-input-inner.disabled .v-textarea__placeholder[data-v-3ac0d977] {
  color: var(--color-text-disable)
}

.workflow-input-inner__image-outer[data-v-3ac0d977] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  padding: var(--spacing-base-loose);
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: var(--spacing-base);
  -ms-flex-item-align: stretch;
  align-self: stretch;
  border-top-left-radius: var(--radius-large);
  border-top-right-radius: var(--radius-large);
  background: var(--color-bg-contrast)
}

.workflow-input-inner__image-outer .exist-img[data-v-3ac0d977] {
  cursor: pointer;
  margin-top: auto;
  margin-bottom: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 54px;
  height: 54px;
  padding: 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: var(--radius-large);
  border: var(--border-thickness) solid var(--color-divider-normal);
  position: relative
}

.workflow-input-inner__image-outer .exist-img:hover .delete-button[data-v-3ac0d977] {
  visibility: visible
}

.workflow-input-inner__image-outer .exist-img .delete-button[data-v-3ac0d977] {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  visibility: hidden;
  position: absolute;
  top: 2px;
  right: 2px
}

.workflow-input-inner__image-outer .exist-img .delete-button button[data-v-3ac0d977] {
  background: transparent;
  color: var(--color-text-caption);
  border: none;
  padding: 0;
  height: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.workflow-input-inner__image-outer .exist-img .delete-button .v-icon[data-v-3ac0d977] {
  width: 14px;
  height: 14px
}

.workflow-input-inner__image-outer .exist-img>img[data-v-3ac0d977] {
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  width: 100%
}

.workflow-input-inner__image-outer .exist-doc[data-v-3ac0d977] {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
  padding: var(--spacing-base);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--spacing-tight);
  border-radius: var(--radius-large);
  background: var(--color-bg-1);
  -webkit-box-shadow: var(--shadow-small-light-x-1) var(--shadow-small-light-y-1) var(--shadow-large-light-blur-1) var(--shadow-small-light-spread-1) var(--shadow-small-light-color-1), var(--shadow-small-light-x-2) var(--shadow-small-light-y-2) var(--shadow-small-light-blur-2) var(--shadow-small-light-spread-2) var(--shadow-small-light-color-2), var(--shadow-small-light-x-3) var(--shadow-small-light-y-3) var(--shadow-small-light-blur-3) var(--shadow-small-light-spread-3) var(--shadow-small-light-color-3);
  box-shadow: var(--shadow-small-light-x-1) var(--shadow-small-light-y-1) var(--shadow-large-light-blur-1) var(--shadow-small-light-spread-1) var(--shadow-small-light-color-1), var(--shadow-small-light-x-2) var(--shadow-small-light-y-2) var(--shadow-small-light-blur-2) var(--shadow-small-light-spread-2) var(--shadow-small-light-color-2), var(--shadow-small-light-x-3) var(--shadow-small-light-y-3) var(--shadow-small-light-blur-3) var(--shadow-small-light-spread-3) var(--shadow-small-light-color-3);
  position: relative
}

.workflow-input-inner__image-outer .exist-doc:hover .delete-button[data-v-3ac0d977] {
  visibility: visible
}

.workflow-input-inner__image-outer .exist-doc .delete-button[data-v-3ac0d977] {
  visibility: hidden;
  position: absolute;
  top: 5px;
  right: 0
}

.workflow-input-inner__image-outer .exist-doc .delete-button button[data-v-3ac0d977] {
  background: transparent;
  color: var(--color-text-caption);
  border: none
}

.workflow-input-inner__image-outer .exist-doc .delete-button .v-icon[data-v-3ac0d977] {
  width: 14px;
  height: 14px
}

.workflow-input-inner__image-outer .exist-doc .doc-icon-cont[data-v-3ac0d977] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 36px;
  height: 36px;
  padding: 3px 4.5px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 1.5px
}

.workflow-input-inner__image-outer .exist-doc .doc-icon-cont .doc-icon[data-v-3ac0d977] {
  width: 27px;
  height: 30px;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.workflow-input-inner__image-outer .exist-doc .doc-txt-cont .doc-txt-info[data-v-3ac0d977] {
  color: var(--color-text-caption);
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px
}

.workflow-input-inner__image-outer .exist-doc .doc-txt-cont .doc-txt-info.red-txt[data-v-3ac0d977] {
  color: red
}

.workflow-input-inner__image-outer .exist-doc .doc-txt-cont .doc-txt-info .refresh-icon[data-v-3ac0d977] {
  width: 14px;
  height: 14px;
  position: absolute;
  margin-left: 3px
}

.workflow-input-inner__image-outer .exist-doc .doc-txt-cont .filename[data-v-3ac0d977] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: var(--color-text-primary);
  width: 138px;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px
}

.workflow-input-inner__textarea[data-v-3ac0d977] {
  width: 100%;
  max-height: 40vh;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  border: none;
  background: none
}

.workflow-input-inner__textarea .v-textarea__txt[data-v-3ac0d977] {
  overflow-y: overlay;
  overflow-y: scroll;
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Helvetica, Arial, PingFang SC, Microsoft YaHei, Noto Sans, sans-serif !important
}

.workflow-input-inner .v-textarea--focus[data-v-3ac0d977] {
  border: none
}

.workflow-input-inner__toolbar[data-v-3ac0d977] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  z-index: 10;
  padding: 8px
}

.workflow-input-inner__toolbar .v-icon[data-v-3ac0d977] {
  cursor: pointer
}

.workflow-input-inner__toolbar .toolbar-left[data-v-3ac0d977] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px
}

.workflow-input-inner__toolbar .toolbar-left .v-icon.disabled[data-v-3ac0d977] {
  cursor: not-allowed;
  color: var(--color-text-disable)
}

.workflow-input-inner__toolbar .toolbar-left .image-input[data-v-3ac0d977] {
  display: none
}

.workflow-input-inner__toolbar .toolbar-left .upload-label[data-v-3ac0d977] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 32px;
  height: 32px;
  padding: 6px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 3px
}

.workflow-input-inner__toolbar .toolbar-left .upload-label[data-v-3ac0d977]:hover {
  background: var(--fill---color-fill-hover, rgba(29, 57, 100, .05))
}

.workflow-input-inner__toolbar .toolbar-left .upload-label[data-v-3ac0d977]:active {
  background: var(--fill---color-fill-active, #f0f6ff)
}

.workflow-input-inner__toolbar .toolbar-right[data-v-3ac0d977] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 32px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.workflow-input-inner__toolbar .toolbar-right .stop-icon[data-v-3ac0d977] {
  padding: 6px
}

.workflow-input-inner__toolbar .toolbar-right .send-icon[data-v-3ac0d977],
.workflow-input-inner__toolbar .toolbar-right .stop-icon[data-v-3ac0d977] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer
}

.workflow-input-inner__toolbar .toolbar-right .send-icon[data-v-3ac0d977] {
  height: 32px;
  width: 32px;
  color: var(--color-primary-normal)
}

.workflow-input-inner__toolbar .toolbar-right .send-icon[data-v-3ac0d977]:hover,
.workflow-input-inner__toolbar .toolbar-right .stop-icon[data-v-3ac0d977]:hover {
  background: var(--color-fill-hover);
  border-radius: 3px
}

.workflow-input-inner__toolbar .toolbar-right .send-icon[data-v-3ac0d977]:active,
.workflow-input-inner__toolbar .toolbar-right .stop-icon[data-v-3ac0d977]:active {
  background: var(--color-fill-active);
  border-radius: 3px
}

.workflow-input-inner__toolbar .toolbar-right .send-icon.disabled[data-v-3ac0d977],
.workflow-input-inner__toolbar .toolbar-right .stop-icon.disabled[data-v-3ac0d977] {
  background: none;
  cursor: not-allowed
}

.workflow-input-inner__toolbar .toolbar-right .send-icon.disabled .v-icon[data-v-3ac0d977],
.workflow-input-inner__toolbar .toolbar-right .stop-icon.disabled .v-icon[data-v-3ac0d977] {
  cursor: not-allowed;
  color: var(--color-text-disable)
}

.workflow-input-inner__toolbar .toolbar-right .split-line[data-v-3ac0d977] {
  -ms-flex-item-align: center;
  align-self: center;
  width: 1px;
  height: 16px;
  background: var(--color-divider-normal);
  margin: 0 5px
}

.workflow-input[data-v-3ac0d977] .w-e-text-container p {
  margin: 0;
  padding: 15px 0
}

.single__container[data-v-92700504] {
  background-color: var(--color-bg-0);
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.ept-content[data-v-11dcb3ec] {
  color: var(--font-gy-1100, #0f1829);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px
}

.single-chat::-webkit-scrollbar {
  display: none;
  height: 100%
}

.pop-demo {
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: var(--size-l);
  padding: var(--spacing-base);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: var(--spacing-tight);
  border-radius: var(--radius-normal);
  border: .5px solid var(--color-border-normal);
  background: var(--color-bg-2);
  -webkit-box-shadow: var(--shadow-medium-x-1) var(--shadow-medium-y-2) var(--shadow-medium-blur-1) var(--shadow-medium-spread-1) var(--shadow-medium-color-1), var(--shadow-medium-x-2) var(--shadow-medium-y-2) var(--shadow-medium-blur-2) var(--shadow-medium-spread-2) var(--shadow-medium-color-2), var(--shadow-medium-x-3) var(--shadow-medium-y-3) var(--shadow-medium-blur-3) var(--shadow-medium-spread-3) var(--shadow-medium-color-3);
  box-shadow: var(--shadow-medium-x-1) var(--shadow-medium-y-2) var(--shadow-medium-blur-1) var(--shadow-medium-spread-1) var(--shadow-medium-color-1), var(--shadow-medium-x-2) var(--shadow-medium-y-2) var(--shadow-medium-blur-2) var(--shadow-medium-spread-2) var(--shadow-medium-color-2), var(--shadow-medium-x-3) var(--shadow-medium-y-3) var(--shadow-medium-blur-3) var(--shadow-medium-spread-3) var(--shadow-medium-color-3)
}

.pop-demo .v-popper__arrow {
  display: block
}

.pop-demo .pop-demo-list {
  color: var(--color-link-normal);
  font-family: var(--font-family-normal);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px
}

.pop-demo .pop-demo-list .v-button {
  text-decoration: none;
  text-align: left
}

.chat-pop {
  border-radius: 6px;
  padding: 3px;
  margin-top: 5px
}

.chat-pop .v-popper__arrow {
  display: none
}

.chat-pop .answer-func-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 30px
}

.chat-pop .answer-func-icon .icon-divider {
  width: 1px;
  height: 14px;
  background: rgba(18, 42, 79, .08);
  margin: 9px 4px
}

.chat-pop .answer-func-icon .v-icon--fill {
  fill: rgba(1, 11, 50, .41)
}

.chat-pop .answer-func-icon .right-icon-div {
  padding: 4px;
  width: 22px;
  height: 22px;
  border-radius: 3px;
  text-align: center
}

.chat-pop .answer-func-icon .right-icon-div:hover {
  background-color: rgba(36, 56, 97, .05);
  border-radius: 3px
}

.chat-pop .answer-func-icon .right-icon {
  cursor: pointer;
  margin-top: 1px
}

.chat-pop .answer-func-icon .active-icon.v-icon--fill {
  fill: #293eb6
}

.chat-pop .answer-func-icon .magic-hover {
  width: 20px;
  height: 20px
}

.tag-loading {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.tag-loading:after {
  content: ".";
  -webkit-animation: ellipsis 1.5s steps(1) infinite;
  animation: ellipsis 1.5s steps(1) infinite
}

.single-chat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow-y: overlay;
  overflow-y: scroll
}

.single-chat video {
  width: 100%;
  max-width: 390px
}

.single-chat .loading {
  margin: 1em 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.single-chat .loading:after {
  content: ".";
  -webkit-animation: ellipsis 1.5s steps(1) infinite;
  animation: ellipsis 1.5s steps(1) infinite
}

.single-chat .loading:before {
  content: "";
  display: inline-block;
  height: 22px;
  width: 22px;
  margin-right: 8px;
  background: url(https://42-fe-cdn-1251316161.cos.ap-nanjing.myqcloud.com/webim/assets/img/loading.84d9f90.gif) no-repeat;
  background-size: contain
}

@-webkit-keyframes ellipsis {
  0% {
    content: "."
  }

  33% {
    content: ".."
  }

  66% {
    content: "..."
  }

  to {
    content: "."
  }
}

@keyframes ellipsis {
  0% {
    content: "."
  }

  33% {
    content: ".."
  }

  66% {
    content: "..."
  }

  to {
    content: "."
  }
}

.single-chat .transfer-info {
  margin: auto;
  font-weight: 400;
  font-size: 14px;
  color: var(--color-text-primary);
  text-align: center
}

.single-chat .transfer-info .chat-status-item {
  padding: 4px 16px;
  background: #f4f5f7;
  width: 150px;
  opacity: .8;
  margin: 6px auto;
  border-radius: 6px
}

.single-chat .transfer-info .chat-status-item .status-text {
  display: inline-block;
  font-weight: 400;
  font-size: 12px;
  color: var(--color-text-caption)
}

.single-chat .qa-history {
  text-align: center
}

.single-chat .qa-history.isMobile {
  margin-top: 65px
}

.single-chat .qa-history .v-spinner__container__default,
.single-chat .qa-history .v-spinner__tip {
  font-size: 12px;
  color: var(--color-text-primary)
}

.single-chat .break-releation-class {
  margin: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.single-chat .qa-item {
  word-break: break-all;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 16px;
  color: var(--color-text-primary);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px
}

.single-chat .qa-item .timestamp {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: var(--color-text-caption);
  margin: 16px 0
}

.single-chat .qa-item p {
  margin: 12px 0
}

.single-chat .qa-item .question-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  -ms-flex-item-align: end;
  align-self: flex-end;
  padding-left: 44px;
  margin-bottom: 10px
}

.single-chat .qa-item .question-item:last-child {
  margin-bottom: 0
}

.single-chat .qa-item .question-item.question-doc-item {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
  padding: var(--spacing-base);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--spacing-tight);
  border-radius: var(--radius-large);
  background: var(--color-bg-1);
  -webkit-box-shadow: var(--shadow-small-light-x-1) var(--shadow-small-light-y-1) var(--shadow-large-light-blur-1) var(--shadow-small-light-spread-1) var(--shadow-small-light-color-1), var(--shadow-small-light-x-2) var(--shadow-small-light-y-2) var(--shadow-small-light-blur-2) var(--shadow-small-light-spread-2) var(--shadow-small-light-color-2), var(--shadow-small-light-x-3) var(--shadow-small-light-y-3) var(--shadow-small-light-blur-3) var(--shadow-small-light-spread-3) var(--shadow-small-light-color-3);
  box-shadow: var(--shadow-small-light-x-1) var(--shadow-small-light-y-1) var(--shadow-large-light-blur-1) var(--shadow-small-light-spread-1) var(--shadow-small-light-color-1), var(--shadow-small-light-x-2) var(--shadow-small-light-y-2) var(--shadow-small-light-blur-2) var(--shadow-small-light-spread-2) var(--shadow-small-light-color-2), var(--shadow-small-light-x-3) var(--shadow-small-light-y-3) var(--shadow-small-light-blur-3) var(--shadow-small-light-spread-3) var(--shadow-small-light-color-3);
  position: relative
}

.single-chat .qa-item .question-item.question-doc-item .doc-icon-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 36px;
  height: 36px;
  padding: 3px 4.5px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 1.5px
}

.single-chat .qa-item .question-item.question-doc-item .doc-icon-cont .doc-icon {
  width: 27px;
  height: 30px;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.single-chat .qa-item .question-item.question-doc-item .doc-txt-cont {
  text-align: left
}

.single-chat .qa-item .question-item.question-doc-item .doc-txt-cont .doc-txt-info {
  color: var(--color-text-caption);
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px
}

.single-chat .qa-item .question-item.question-doc-item .doc-txt-cont .filename {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: var(--color-text-primary);
  width: 138px;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px
}

.single-chat .qa-item .question-item.question-image-item {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-bottom: 16px;
  gap: 12px
}

.single-chat .qa-item .question-item.question-image-item .qs-error,
.single-chat .qa-item .question-item.question-image-item .qs-loading {
  margin-bottom: 15px;
  margin-right: 0
}

.single-chat .qa-item .question-item.question-image-item p {
  margin: 0;
  line-height: 0
}

.single-chat .qa-item .question-item .qs-error {
  min-width: 16px;
  margin-right: 10px;
  color: var(--color-error-normal)
}

.single-chat .qa-item .question-item .qs-loading {
  margin-right: 10px
}

.single-chat .qa-item .question-item .question-image,
.single-chat .qa-item .question-item .question-text {
  background: #dbe8ff;
  border-radius: 6px;
  padding: 0 16px;
  text-align: left;
  word-break: break-all;
  word-wrap: break-word
}

.single-chat .qa-item .question-item .question-text.question-text-mobile code {
  white-space: break-spaces
}

.single-chat .qa-item .question-item .question-text.question-text-mobile img {
  max-width: 80%;
  max-height: 320px;
  border-radius: 6px
}

.single-chat .qa-item .question-item .question-text code {
  white-space: break-spaces
}

.single-chat .qa-item .question-item .question-text img {
  max-width: 480px;
  max-height: 320px;
  border-radius: 6px
}

.single-chat .qa-item .question-item .question-image {
  background: none;
  padding: 0
}

.single-chat .qa-item .question-item .question-image img {
  border-radius: 6px;
  border: .5px solid var(--border---color-border-normal);
  max-width: 100%;
  max-height: 320px
}

.single-chat .qa-item .transfer-item {
  margin-bottom: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  -ms-flex-item-align: center;
  align-self: center;
  padding: 28px 24px 12px;
  background: var(--color-bg-1);
  -webkit-box-shadow: 0 8px 24px rgba(18, 19, 25, .08), 0 0 12px rgba(18, 19, 25, .04), 0 0 1px rgba(18, 19, 25, .08);
  box-shadow: 0 8px 24px rgba(18, 19, 25, .08), 0 0 12px rgba(18, 19, 25, .04), 0 0 1px rgba(18, 19, 25, .08);
  border-radius: 6px;
  font-weight: 400;
  font-size: 12px;
  margin-top: 50px
}

.single-chat .qa-item .transfer-item,
.single-chat .qa-item .transfer-item .transfer-avatar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center
}

.single-chat .qa-item .transfer-item .transfer-avatar {
  margin-top: -50px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.single-chat .qa-item .transfer-item .transfer-text {
  margin-top: 8px;
  color: var(--color-text-secondary)
}

.single-chat .qa-item .transfer-item .transfer-timestamp {
  margin-top: 4px;
  color: var(--color-text-caption)
}

.single-chat .qa-item .chat-status-item {
  -ms-flex-item-align: center;
  align-self: center;
  margin: 16px 0;
  padding: 4px 16px;
  background: #f4f5f7;
  opacity: .8;
  border-radius: 6px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.single-chat .qa-item .chat-status-item .status-icon {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  margin-right: 5px
}

.single-chat .qa-item .chat-status-item .status-icon.gray {
  background-color: var(--color-gray-6)
}

.single-chat .qa-item .chat-status-item .status-icon.green {
  background-color: var(--color-success-normal)
}

.single-chat .qa-item .chat-status-item .status-icon.red {
  background-color: var(--color-error-normal)
}

.single-chat .qa-item .chat-status-item .status-text {
  display: inline-block;
  font-weight: 400;
  font-size: 12px;
  width: 97%;
  color: var(--color-text-caption)
}

.single-chat .qa-item .summary-item {
  -ms-flex-item-align: center;
  align-self: center;
  margin: 12px 0
}

.single-chat .qa-item .answer-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.single-chat .qa-item .answer-item .contacter-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-right: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.single-chat .qa-item .answer-item .summary-info {
  padding: 0 16px
}

.single-chat .qa-item .answer-item .classify-info,
.single-chat .qa-item .answer-item .summary-info {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #f4f5f7;
  border-radius: 6px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.single-chat .qa-item .answer-item .classify-info {
  padding: 12px;
  gap: 4px
}

.single-chat .qa-item .answer-item .classify-info .classify-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: var(--spacing-tight) var(--spacing-base);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: var(--radius-normal);
  border: var(--border-normal) solid var(--color-brand-1);
  background: var(--color-brand-0);
  color: var(--color-brand-5);
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px
}

.single-chat .qa-item .answer-item .classify-info .classify-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  word-break: break-all
}

.single-chat .qa-item .answer-item .classify-info .classify-container .classify-label {
  height: 26px;
  line-height: 26px
}

.single-chat .qa-item .answer-item .classify-info .classify-container .classify-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  gap: 4px
}

.single-chat .qa-item .answer-item .answer-info-container {
  width: 100%
}

.single-chat .qa-item .answer-item .answer-info {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 16px;
  background: #f4f5f7;
  border-radius: 6px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.single-chat .qa-item .answer-item .answer-info.is-selected {
  outline: 1.5px solid var(--color-primary-normal);
  outline-offset: -1.5px
}

.single-chat .qa-item .answer-item .answer-info .answer-options {
  line-height: 40px;
  max-width: 310px;
  overflow-y: scroll;
  padding-bottom: 6px
}

.single-chat .qa-item .answer-item .answer-info .answer-options::-webkit-scrollbar {
  background: transparent;
  width: 5px;
  height: 8px
}

.single-chat .qa-item .answer-item .answer-info .answer-options::-webkit-scrollbar-track {
  background: transparent;
  width: 0
}

.single-chat .qa-item .answer-item .answer-info .answer-options::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(17, 32, 70, .13)
}

.single-chat .qa-item .answer-item .answer-info .answer-options .option-card {
  cursor: pointer;
  margin-right: 5px;
  padding: 6px 12px;
  display: inline-block;
  border-radius: 15px;
  border: var(--border-thickness) solid #4a70ff;
  background: #fff;
  color: #4a70ff;
  text-align: center;
  font-family: PingFang SC;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  max-width: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.single-chat .qa-item .answer-item .answer-info .answer-options .option-card.disabled {
  border-radius: 15px;
  border: var(--border-thickness) solid var(--color-primary-disable);
  background: #fff;
  color: var(--color-primary-disable);
  text-align: center;
  font-family: PingFang SC;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  pointer-events: none
}

.single-chat .qa-item .answer-item .answer-info .answer-options .option-card.is-active {
  border-color: var(--color-primary-normal);
  color: var(--color-primary-normal);
  pointer-events: none
}

.single-chat .qa-item .answer-item .answer-info .answer-expand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  width: 44px;
  height: 24px;
  margin-bottom: 12px;
  background: var(--color-bg-2);
  -webkit-box-shadow: var(--shadow-small-light);
  box-shadow: var(--shadow-small-light);
  border-radius: 16px;
  -ms-flex-item-align: center;
  align-self: center
}

.single-chat .qa-item .answer-item .answer-info .stop-ws {
  color: var(--color-text-caption);
  margin-left: 5px
}

.single-chat .qa-item .answer-item .answer-info .answer-source {
  margin: 12px 0;
  font-size: 14px;
  color: var(--color-text-caption);
  text-align: left
}

.single-chat .qa-item .answer-item .answer-info .answer-source .v-button {
  text-decoration: none;
  text-align: left
}

.single-chat .qa-item .answer-item .answer-clarify>div {
  max-width: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: var(--spacing-base) var(--spacing-base-loose);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: var(--radius-large);
  border: var(--border-thickness) solid var(--color-border-normal);
  background: var(--inverse-opacity-4);
  -webkit-box-shadow: var(--shadow-small-light-x-1) var(--shadow-small-light-y-1) var(--shadow-large-light-blur-1) var(--shadow-small-light-spread-1) var(--shadow-small-light-color-1), var(--shadow-small-light-x-2) var(--shadow-small-light-y-2) var(--shadow-small-light-blur-2) var(--shadow-small-light-spread-2) var(--shadow-small-light-color-2), var(--shadow-small-light-x-3) var(--shadow-small-light-y-3) var(--shadow-small-light-blur-3) var(--shadow-small-light-spread-3) var(--shadow-small-light-color-3);
  box-shadow: var(--shadow-small-light-x-1) var(--shadow-small-light-y-1) var(--shadow-large-light-blur-1) var(--shadow-small-light-spread-1) var(--shadow-small-light-color-1), var(--shadow-small-light-x-2) var(--shadow-small-light-y-2) var(--shadow-small-light-blur-2) var(--shadow-small-light-spread-2) var(--shadow-small-light-color-2), var(--shadow-small-light-x-3) var(--shadow-small-light-y-3) var(--shadow-small-light-blur-3) var(--shadow-small-light-spread-3) var(--shadow-small-light-color-3);
  color: var(--color-primary-normal);
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  cursor: pointer;
  margin-bottom: 12px
}

.single-chat :root {
  --self-padding-bottom: 120px
}

.single-chat .qa-item-last {
  padding-bottom: 120px
}

.single-chat .qa-null {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 80%;
  text-align: center
}

.single-chat .qa-null .main-desc {
  font-weight: 600;
  font-size: 20px;
  color: var(--color-text-primary);
  margin: 20px
}

.single-chat .qa-null .sub-desc {
  font-weight: 400;
  font-size: 14px;
  color: var(--color-text-caption)
}

.single-chat .qa-null .title-desc {
  color: var(--color-text-primary);
  margin-top: 16px;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px
}

.single-chat .qa-null .title-robot-avatar {
  border-radius: var(--radius-super-large);
  width: 64px;
  height: 64px;
  overflow: hidden;
  vertical-align: middle;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.single-chat .qa-null .title-robot-avatar img {
  width: 64px;
  height: 64px;
  border-radius: var(--radius-super-large);
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.single-chat .qa-null .greet-desc {
  font-size: 14px;
  line-height: 22px;
  color: var(--color-text-secondary);
  max-width: 860px;
  word-break: break-all;
  text-align: start;
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 6px;
  border: .5px solid var(--color-border-normal);
  background: var(--inverse-opacity-4);
  -webkit-box-shadow: var(--shadow-small-light-x-1) var(--shadow-small-light-y-1) var(--shadow-large-light-blur-1) var(--shadow-small-light-spread-1) var(--shadow-small-light-color-1), var(--shadow-small-light-x-2) var(--shadow-small-light-y-2) var(--shadow-small-light-blur-2) var(--shadow-small-light-spread-2) var(--shadow-small-light-color-2), var(--shadow-small-light-x-3) var(--shadow-small-light-y-3) var(--shadow-small-light-blur-3) var(--shadow-small-light-spread-3) var(--shadow-small-light-color-3);
  box-shadow: var(--shadow-small-light-x-1) var(--shadow-small-light-y-1) var(--shadow-large-light-blur-1) var(--shadow-small-light-spread-1) var(--shadow-small-light-color-1), var(--shadow-small-light-x-2) var(--shadow-small-light-y-2) var(--shadow-small-light-blur-2) var(--shadow-small-light-spread-2) var(--shadow-small-light-color-2), var(--shadow-small-light-x-3) var(--shadow-small-light-y-3) var(--shadow-small-light-blur-3) var(--shadow-small-light-spread-3) var(--shadow-small-light-color-3)
}

.tokens-board-class {
  margin: 8px 0 0
}

.workflow-input[data-v-06c271ae] {
  background: hsla(0, 0%, 100%, .6);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px
}

.workflow-input .toolbar-info[data-v-06c271ae] {
  display: inline-block;
  font-weight: 400;
  font-size: 12px;
  color: var(--color-text-caption)
}

.workflow-input .toolbar-info .red-txt[data-v-06c271ae] {
  color: red
}

.workflow-input .stop-button[data-v-06c271ae] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 10px
}

.workflow-input .stop-button button[data-v-06c271ae] {
  -webkit-box-shadow: var(--shadow-small);
  box-shadow: var(--shadow-small);
  border: none;
  padding: 6px 8px
}

.workflow-input .question-mask[data-v-06c271ae] {
  width: 100%;
  height: 110px;
  position: absolute;
  z-index: 200;
  background: hsla(0, 0%, 100%, 0);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: bolder
}

.workflow-input .question-mask[data-v-06c271ae],
.workflow-input .tips[data-v-06c271ae] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.workflow-input .tips[data-v-06c271ae] {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: var(--text---c-color-text-caption, rgba(0, 11, 54, .41));
  font: var(--caption-regular);
  padding: 0 var(--spacing-quite-loose) var(--spacing-base-loose) var(--spacing-quite-loose)
}

.workflow-input-inner[data-v-06c271ae] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: hsla(0, 0%, 100%, .8);
  border: var(--border-normal) solid;
  border-color: #e1e6f0;
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 55, 159, .05);
  box-shadow: 0 4px 12px 0 rgba(0, 55, 159, .05);
  border-radius: var(--radius-large)
}

.workflow-input-inner.has-recommend[data-v-06c271ae] {
  margin: 0 12px 12px
}

.workflow-input-inner[data-v-06c271ae]:hover {
  border: 1px solid var(--color-border-hover);
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 55, 159, .05);
  box-shadow: 0 4px 12px 0 rgba(0, 55, 159, .05)
}

.workflow-input-inner .v-textarea--default[data-v-06c271ae] {
  border-radius: var(--radius-large)
}

.workflow-input-inner.inputFocus[data-v-06c271ae],
.workflow-input-inner[data-v-06c271ae]:has(.v-textarea--focus),
.workflow-input-inner[data-v-06c271ae]:has(.workflow-input-inner) {
  border: 1px solid transparent;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background-image: -webkit-gradient(linear, left top, right top, from(#fff), to(#fff)), conic-gradient(from 180deg, #4a70ff, #53cbff 30%, #6054f5 70%, #4a70ff);
  background-image: linear-gradient(90deg, #fff, #fff), conic-gradient(from 180deg, #4a70ff, #53cbff 30%, #6054f5 70%, #4a70ff);
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 55, 159, .05);
  box-shadow: 0 4px 12px 0 rgba(0, 55, 159, .05)
}

.workflow-input-inner.disabled[data-v-06c271ae] {
  background-color: var(--color-fill-disable);
  border-color: var(--color-border-disable) !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.workflow-input-inner.disabled .v-textarea__placeholder[data-v-06c271ae] {
  color: var(--color-text-disable)
}

.workflow-input-inner__image-outer[data-v-06c271ae] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  padding: var(--spacing-base-loose);
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: var(--spacing-base);
  -ms-flex-item-align: stretch;
  align-self: stretch;
  border-top-left-radius: var(--radius-large);
  border-top-right-radius: var(--radius-large);
  background: var(--color-bg-contrast)
}

.workflow-input-inner__image-outer .exist-img[data-v-06c271ae] {
  cursor: pointer;
  margin-top: auto;
  margin-bottom: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 54px;
  height: 54px;
  padding: 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: var(--radius-large);
  border: var(--border-thickness) solid var(--color-divider-normal);
  position: relative
}

.workflow-input-inner__image-outer .exist-img:hover .delete-button[data-v-06c271ae] {
  visibility: visible
}

.workflow-input-inner__image-outer .exist-img .delete-button[data-v-06c271ae] {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  visibility: hidden;
  position: absolute;
  top: 2px;
  right: 2px
}

.workflow-input-inner__image-outer .exist-img .delete-button button[data-v-06c271ae] {
  background: transparent;
  color: var(--color-text-caption);
  border: none;
  padding: 0;
  height: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.workflow-input-inner__image-outer .exist-img .delete-button .v-icon[data-v-06c271ae] {
  width: 14px;
  height: 14px
}

.workflow-input-inner__image-outer .exist-img>img[data-v-06c271ae] {
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  width: 100%
}

.workflow-input-inner__image-outer .exist-doc[data-v-06c271ae] {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
  padding: var(--spacing-base);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--spacing-tight);
  border-radius: var(--radius-large);
  background: var(--color-bg-1);
  -webkit-box-shadow: var(--shadow-small-light-x-1) var(--shadow-small-light-y-1) var(--shadow-large-light-blur-1) var(--shadow-small-light-spread-1) var(--shadow-small-light-color-1), var(--shadow-small-light-x-2) var(--shadow-small-light-y-2) var(--shadow-small-light-blur-2) var(--shadow-small-light-spread-2) var(--shadow-small-light-color-2), var(--shadow-small-light-x-3) var(--shadow-small-light-y-3) var(--shadow-small-light-blur-3) var(--shadow-small-light-spread-3) var(--shadow-small-light-color-3);
  box-shadow: var(--shadow-small-light-x-1) var(--shadow-small-light-y-1) var(--shadow-large-light-blur-1) var(--shadow-small-light-spread-1) var(--shadow-small-light-color-1), var(--shadow-small-light-x-2) var(--shadow-small-light-y-2) var(--shadow-small-light-blur-2) var(--shadow-small-light-spread-2) var(--shadow-small-light-color-2), var(--shadow-small-light-x-3) var(--shadow-small-light-y-3) var(--shadow-small-light-blur-3) var(--shadow-small-light-spread-3) var(--shadow-small-light-color-3);
  position: relative
}

.workflow-input-inner__image-outer .exist-doc:hover .delete-button[data-v-06c271ae] {
  visibility: visible
}

.workflow-input-inner__image-outer .exist-doc .delete-button[data-v-06c271ae] {
  visibility: hidden;
  position: absolute;
  top: 5px;
  right: 0
}

.workflow-input-inner__image-outer .exist-doc .delete-button button[data-v-06c271ae] {
  background: transparent;
  color: var(--color-text-caption);
  border: none
}

.workflow-input-inner__image-outer .exist-doc .delete-button .v-icon[data-v-06c271ae] {
  width: 14px;
  height: 14px
}

.workflow-input-inner__image-outer .exist-doc .doc-icon-cont[data-v-06c271ae] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 36px;
  height: 36px;
  padding: 3px 4.5px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 1.5px
}

.workflow-input-inner__image-outer .exist-doc .doc-icon-cont .doc-icon[data-v-06c271ae] {
  width: 27px;
  height: 30px;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.workflow-input-inner__image-outer .exist-doc .doc-txt-cont .doc-txt-info[data-v-06c271ae] {
  color: var(--color-text-caption);
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px
}

.workflow-input-inner__image-outer .exist-doc .doc-txt-cont .doc-txt-info.red-txt[data-v-06c271ae] {
  color: red
}

.workflow-input-inner__image-outer .exist-doc .doc-txt-cont .doc-txt-info .refresh-icon[data-v-06c271ae] {
  width: 14px;
  height: 14px;
  position: absolute;
  margin-left: 3px
}

.workflow-input-inner__image-outer .exist-doc .doc-txt-cont .filename[data-v-06c271ae] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: var(--color-text-primary);
  width: 138px;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px
}

.workflow-input-inner__textarea[data-v-06c271ae] {
  width: 100%;
  max-height: 40vh;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  border: none;
  background: none
}

.workflow-input-inner__textarea .v-textarea__txt[data-v-06c271ae] {
  overflow-y: overlay;
  overflow-y: scroll;
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Helvetica, Arial, PingFang SC, Microsoft YaHei, Noto Sans, sans-serif !important
}

.workflow-input-inner .v-textarea--focus[data-v-06c271ae] {
  border: none
}

.workflow-input-inner__toolbar[data-v-06c271ae] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  z-index: 10;
  padding: 8px
}

.workflow-input-inner__toolbar .v-icon[data-v-06c271ae] {
  cursor: pointer
}

.workflow-input-inner__toolbar .toolbar-left[data-v-06c271ae] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px
}

.workflow-input-inner__toolbar .toolbar-left .v-icon.disabled[data-v-06c271ae] {
  cursor: not-allowed;
  color: var(--color-text-disable)
}

.workflow-input-inner__toolbar .toolbar-left .image-input[data-v-06c271ae] {
  display: none
}

.workflow-input-inner__toolbar .toolbar-left .upload-label[data-v-06c271ae] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 32px;
  height: 32px;
  padding: 6px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 3px
}

.workflow-input-inner__toolbar .toolbar-left .upload-label[data-v-06c271ae]:hover {
  background: var(--fill---color-fill-hover, rgba(29, 57, 100, .05))
}

.workflow-input-inner__toolbar .toolbar-left .upload-label[data-v-06c271ae]:active {
  background: var(--fill---color-fill-active, #f0f6ff)
}

.workflow-input-inner__toolbar .toolbar-right[data-v-06c271ae] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 32px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.workflow-input-inner__toolbar .toolbar-right .stop-icon[data-v-06c271ae] {
  padding: 6px
}

.workflow-input-inner__toolbar .toolbar-right .send-icon[data-v-06c271ae],
.workflow-input-inner__toolbar .toolbar-right .stop-icon[data-v-06c271ae] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer
}

.workflow-input-inner__toolbar .toolbar-right .send-icon[data-v-06c271ae] {
  height: 32px;
  width: 32px;
  color: var(--color-primary-normal)
}

.workflow-input-inner__toolbar .toolbar-right .send-icon[data-v-06c271ae]:hover,
.workflow-input-inner__toolbar .toolbar-right .stop-icon[data-v-06c271ae]:hover {
  background: var(--color-fill-hover);
  border-radius: 3px
}

.workflow-input-inner__toolbar .toolbar-right .send-icon[data-v-06c271ae]:active,
.workflow-input-inner__toolbar .toolbar-right .stop-icon[data-v-06c271ae]:active {
  background: var(--color-fill-active);
  border-radius: 3px
}

.workflow-input-inner__toolbar .toolbar-right .send-icon.disabled[data-v-06c271ae],
.workflow-input-inner__toolbar .toolbar-right .stop-icon.disabled[data-v-06c271ae] {
  background: none;
  cursor: not-allowed
}

.workflow-input-inner__toolbar .toolbar-right .send-icon.disabled .v-icon[data-v-06c271ae],
.workflow-input-inner__toolbar .toolbar-right .stop-icon.disabled .v-icon[data-v-06c271ae] {
  cursor: not-allowed;
  color: var(--color-text-disable)
}

.workflow-input-inner__toolbar .toolbar-right .split-line[data-v-06c271ae] {
  -ms-flex-item-align: center;
  align-self: center;
  width: 1px;
  height: 16px;
  background: var(--color-divider-normal);
  margin: 0 5px
}

.workflow-input[data-v-06c271ae] .w-e-text-container p {
  margin: 0;
  padding: 15px 0
}

.unavailable-client-side-wrap[data-v-7fdf8882] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  min-width: 480px;
  overflow-x: hidden;
  background: url(https://42-fe-cdn-1251316161.cos.ap-nanjing.myqcloud.com/webim/assets/img/bg-c2.1a6e6a2.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%
}

.unavailable-client-side-wrap [data-v-7fdf8882] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.unavailable-client-side-wrap__header[data-v-7fdf8882] {
  height: 56px;
  width: 100%;
  margin-bottom: var(--spacing-super-loose);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: var(--spacing-base-loose) 0;
  background-color: #fff;
  -webkit-box-shadow: 0 0 1px rgba(18, 19, 25, .08), 0 0 2px rgba(18, 19, 25, .08), 0 2px 4px rgba(18, 19, 25, .08);
  box-shadow: 0 0 1px rgba(18, 19, 25, .08), 0 0 2px rgba(18, 19, 25, .08), 0 2px 4px rgba(18, 19, 25, .08)
}

.unavailable-client-side-wrap__header .header-logo-container[data-v-7fdf8882] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 var(--spacing-quite-loose)
}

.unavailable-client-side-wrap__header .header-logo-container>a[data-v-7fdf8882] {
  text-decoration: none
}

.unavailable-client-side-wrap__header .header-logo-container .project-name[data-v-7fdf8882] {
  color: var(--color-text-primary);
  font-family: PingFang SC;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px
}

.unavailable-client-side-wrap__header .header-logo-container .project-name[data-v-7fdf8882]:before {
  content: "|";
  font-size: 18px;
  margin: 0 16px;
  opacity: .3
}

.unavailable-client-side-wrap__header .logo[data-v-7fdf8882] {
  height: 32px;
  vertical-align: middle;
  width: 104px;
  background: url() no-repeat 50%/cover
}

.unavailable-client-side-wrap__main[data-v-7fdf8882] {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 100px;
  width: 100%;
  height: calc(100% - 96px - var(--spacing-super-loose))
}

.unavailable-client-side-wrap__main-right[data-v-7fdf8882] {
  width: 100%
}

.unavailable-chat-wrap[data-v-7fdf8882] {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.unavailable-chat-wrap__main[data-v-7fdf8882] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 400px;
  height: 85%;
  min-height: 700px;
  overflow: hidden;
  background: var(--color-bg-0);
  border-radius: 12px;
  -webkit-box-shadow: 0 24px 48px rgba(18, 54, 153, .1);
  box-shadow: 0 24px 48px rgba(18, 54, 153, .1)
}

.unavailable-chat-wrap__main-chat-content[data-v-7fdf8882],
.unavailable-chat-wrap__main-content[data-v-7fdf8882] {
  height: calc(100% - 80px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.unavailable-chat-wrap__main-footer[data-v-7fdf8882] {
  position: relative;
  z-index: 3
}

.unavailable-chat-wrap.is-mobile .unavailable-chat-wrap__main[data-v-7fdf8882] {
  width: 100%;
  height: 100%;
  min-height: unset;
  border-radius: 0
}

.unavailable-chat-wrap.is-web .unavailable-chat-wrap__main[data-v-7fdf8882] {
  width: 100%;
  height: 100%;
  max-width: 1280px
}

.workbench-header {
  height: 56px;
  background: linear-gradient(91.7deg, #309cff 2.88%, #4a70ff 52.07%, #305af5);
  color: rgba(250, 252, 255, .98);
  opacity: .9;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.workbench-header .header-center,
.workbench-header .header-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.workbench-header .header-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.workbench-header .header-center-txt {
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: 0;
  text-align: left;
  padding: 12px
}

.workbench-header .op6 {
  opacity: .6
}

.workbench-header .header-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: right;
  -ms-flex-pack: right;
  justify-content: right;
  margin-right: 10px
}

.workbench-header .header-right-ico {
  padding: 10px
}

.workbench-header .header-img {
  width: 32px;
  height: 32px;
  border-radius: 23px;
  margin-left: 16px;
  margin-top: 8px;
  background-position: 50%;
  background-size: cover
}

.workbench-header .header-img-left {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background-image: url();
  background-position: 50%;
  background-size: cover;
  margin-top: auto;
  background-repeat: no-repeat;
  padding: 0;
  margin-bottom: auto;
  margin-left: 12px
}

.workbench-header .header-img-left-txt {
  margin-left: 4px;
  text-align: center;
  line-height: 56px
}

.workbench-header .header-img-left-search {
  height: 28px;
  width: 160px;
  border-radius: 14px;
  margin-top: auto;
  margin-bottom: auto;
  background: hsla(0, 0%, 100%, .12549019607843137);
  margin-left: 12px;
  line-height: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px
}

.workbench-header .header-img-left-search-ico {
  margin-left: 8px
}

.workbench-header .header-img-left-search-txt {
  text-align: left;
  line-height: 28px;
  width: calc(100% - 48px);
  float: right;
  margin-right: 24px
}

.workbench-wrap {
  width: 100%;
  height: calc(100% - 56px);
  min-height: calc(100% - 56px);
  max-height: 100%;
  background-color: #fff
}

.workbench-wrap,
.workbench-wrap .chat-list-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.workbench-wrap .chat-list-box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-right: 1px solid rgba(18, 42, 79, .08)
}

.workbench-wrap .chat-list-box .v-status-bar {
  margin: 8px
}

.workbench-wrap .chat-content-box {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.workbench-wrap .test {
  position: fixed;
  bottom: 0;
  height: 100px;
  width: 100%
}

.workbench-wrap .nodata {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: rgba(0, 1, 10, .93);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: #fff
}

.workbench-wrap .nodata .nodata-content {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #122440
}

.workbench-wrap .nodata .nodata-content .title-max {
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
  margin-top: 120px;
  margin-bottom: 40px
}

.workbench-wrap .nodata .nodata-content .img-nodata {
  width: 600px;
  height: 400px;
  background-image: url(https://42-fe-cdn-1251316161.cos.ap-nanjing.myqcloud.com/webim/assets/img/workspaceBlank.374551e.png);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover
}

.workbench-wrap .nodata .nodata-content .sub-msg {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #4a5970;
  margin-top: 4px
}

.workbench-wrap .nodata .v-icon {
  width: 160px;
  height: 160px
}

.chat-list {
  width: 281px;
  min-width: 281px;
  height: 100%;
  overflow-y: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 8px
}

.chat-list:hover {
  overflow-y: overlay;
  overflow-y: scroll
}

.chat-list .contacter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 264px;
  height: 54px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 6px;
  padding: 8px;
  margin-bottom: 4px
}

.chat-list .contacter:hover {
  background: rgba(36, 56, 97, .05)
}

.chat-list .contacter .contacter-img {
  position: relative
}

.chat-list .contacter .contacter-img,
.chat-list .contacter .contacter-img .contacter-pic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.chat-list .contacter .contacter-img .contacter-pic {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-right: 12px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.chat-list .contacter .contacter-img .contacter-pic img {
  width: 32px;
  height: 32px;
  border-radius: 50%
}

.chat-list .contacter .contacter-img .contacter-readed {
  position: absolute;
  background: #f75559;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  right: 12px;
  top: 3px
}

.chat-list .contacter .contacter-info {
  font-size: 12px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.chat-list .contacter .contacter-info .contacter-phone-latest {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 2px
}

.chat-list .contacter .contacter-info .contacter-phone-latest .contacter-phone {
  font-size: 14px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  line-height: 20px
}

.chat-list .contacter .contacter-info .contacter-phone-latest .contacter-latest {
  color: rgba(6, 21, 66, .2);
  line-height: 16px
}

.chat-list .contacter .contacter-info .contacter-help-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: rgba(1, 11, 50, .41);
  line-height: 16px
}

.chat-list .contacter .contacter-info .contacter-help-content .contacter-content {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 203px;
  white-space: nowrap
}

.chat-list .contacter-selected,
.chat-list .contacter-selected:hover {
  background: #f1f6ff
}

.chat-content {
  overflow-y: overlay;
  overflow-y: scroll;
  position: relative
}

.chat-content .chat-content_top-bar {
  height: 57px;
  line-height: 56px;
  font-weight: 500;
  font-size: 16px;
  color: rgba(0, 1, 10, .93);
  border-bottom: 1px solid rgba(18, 42, 79, .08);
  background: #fff;
  width: 100%;
  padding-left: 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.no-search-info {
  background: linear-gradient(166.86deg, #fff, #eaeef6)
}

.chat-helper {
  width: 400px;
  min-width: 400px;
  height: 100%;
  overflow-y: hidden;
  border-left: 1px solid rgba(18, 42, 79, .08)
}

.chat-helper,
.chat-helper .transfer-info {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.chat-helper .transfer-info {
  width: 100%;
  padding: 0 16px;
  margin-bottom: 8px;
  font: var(--body-medium);
  color: var(--color-primary-normal);
  text-align: center;
  margin-top: 10px
}

.chat-helper .v-tab {
  margin-top: 18px;
  margin-bottom: 18px
}

.chat-helper .empty-word {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.chat-helper .empty-word .v-icon {
  width: 48px;
  height: 48px;
  color: #4a70ff;
  margin-top: 24px;
  margin-bottom: 24px
}

.chat-helper .empty-word .title {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 28px
}

.chat-helper .empty-word .sub {
  font-size: 12px;
  line-height: 16px;
  color: rgba(1, 11, 50, .41);
  text-align: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 16px;
  margin-bottom: 8px
}

.chat-helper:hover {
  overflow-y: overlay;
  overflow-y: scroll
}

.chat-helper .search-input-spinner {
  padding-left: 16px;
  padding-bottom: 16px
}

.chat-helper .search-input {
  height: 80px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.chat-helper .search-input .v-input {
  width: 100%;
  height: 40px;
  border-radius: 6px;
  overflow: hidden
}

.chat-helper .search-input .v-input .v-input--search__search_btn {
  height: 40px;
  width: 40px
}

.chat-helper .search-input-withvalue {
  height: auto
}

.chat-helper .search-answer-info {
  background: #f4f5f7;
  border-radius: 6px;
  padding: 10px 10px 0;
  margin: 0 16px
}

.chat-helper .search-answer-md {
  font-weight: 400;
  font-size: 14px;
  color: var(--color-text-primary);
  word-break: break-all;
  word-wrap: break-word
}

.chat-helper .answer-source {
  margin: 12px 0;
  font-size: 14px;
  color: var(--color-text-caption);
  text-align: left
}

.chat-helper .answer-source .v-button {
  text-decoration: none;
  text-align: left
}

.user-container .header[data-v-f0cb61e6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 44px;
  padding: 0 4px 0 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
  align-self: stretch
}

.user-container .content[data-v-f0cb61e6] {
  padding: var(--spacing-ultra-loose) 12px 110px 12px;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  gap: var(--spacing-ultra-loose);
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0px;
  flex: 1 0 0
}

.user-container .content .user-info[data-v-f0cb61e6],
.user-container .content[data-v-f0cb61e6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  align-items: center
}

.user-container .content .user-info[data-v-f0cb61e6] {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  gap: var(--spacing-loose)
}

.user-container .content .user-info>img[data-v-f0cb61e6] {
  width: 64px;
  height: 64px;
  border-radius: var(--radius-super-large);
  border: var(--border-thickness) solid var(--color-divider-normal);
  background: #fff;
  -webkit-box-shadow: var(--shadow-medium-light);
  box-shadow: var(--shadow-medium-light)
}

.user-container .content .logout-button[data-v-f0cb61e6] {
  -ms-flex-item-align: stretch;
  align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.user-container .content .logout-button .v-button[data-v-f0cb61e6] {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 90px;
  max-width: 192px;
  padding: 8px 16px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  border-radius: var(--radius-large);
  background: var(--color-error-light-normal)
}

.login-wrap[data-v-300f6928] {
  position: relative;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  overflow: hidden;
  min-width: 1220px
}

.login-wrap[data-v-300f6928],
.login-wrap__logo[data-v-300f6928] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal
}

.login-wrap__logo[data-v-300f6928] {
  position: absolute;
  top: 50px;
  left: 50px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap
}

.login-wrap__logo .logo-img[data-v-300f6928] {
  height: 24px
}

.login-wrap__logo .logo-split[data-v-300f6928] {
  width: 2px;
  height: 12px;
  fill: var(--color-divider-normal);
  margin: 0 11px
}

.login-wrap__logo .logo-txt[data-v-300f6928] {
  color: var(--color-text-primary);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px
}

.login-wrap__main[data-v-300f6928] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  height: 100%
}

.login-wrap__main-left[data-v-300f6928] {
  background: -webkit-gradient(linear, left top, left bottom, from(#eaeef6), to(rgba(234, 238, 246, .2)));
  background: linear-gradient(180deg, #eaeef6, rgba(234, 238, 246, .2))
}

.login-wrap__main-left .banner-img[data-v-300f6928] {
  height: 100vh
}

.login-wrap__main-right[data-v-300f6928] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%
}

.login-wrap-mobile[data-v-300f6928] {
  height: 100%;
  overflow: hidden;
  padding: 0
}

.login-wrap-mobile__header[data-v-300f6928] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  height: 180px;
  -ms-flex-item-align: center;
  align-self: center
}

.login-wrap-mobile__header .banner-img[data-v-300f6928] {
  width: 100%;
  height: auto
}

.login-wrap-mobile__logo[data-v-300f6928] {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap
}

.login-wrap-mobile__logo .logo-img[data-v-300f6928] {
  height: 24px
}

.login-wrap-mobile__logo .logo-split[data-v-300f6928] {
  width: 2px;
  height: 12px;
  fill: var(--color-divider-normal);
  margin: 0 11px
}

.login-wrap-mobile__logo .logo-txt[data-v-300f6928] {
  color: var(--color-text-primary);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px
}

.login-wrap-mobile__main[data-v-300f6928] {
  margin-top: -47px
}

.login-form[data-v-719ca9c1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.login-form input[data-v-719ca9c1] {
  font-size: 16px;
  -webkit-text-size-adjust: none
}

.login-form .v-form-item[data-v-719ca9c1] {
  margin-bottom: 0
}

.login-form .v-form-item[data-v-719ca9c1] .v-form-item__input {
  width: 100%
}

.login-form .v-form-item[data-v-719ca9c1] .v-description-item--text-content {
  width: 0;
  margin-right: 0
}

.login-form .v-form-item[data-v-719ca9c1] .v-form-item__bterr {
  margin-top: -15px
}

.login-form[data-v-719ca9c1] .v-description-item--value {
  padding-bottom: 0
}

.login-form .header-title[data-v-719ca9c1] {
  font: var(--display-bold);
  color: var(--color-text-primary);
  text-align: center;
  margin-bottom: 16px
}

.login-form .header-title.isMobile[data-v-719ca9c1] {
  font: var(--headline-bold)
}

.login-form .header-subtitle[data-v-719ca9c1] {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--color-text-caption);
  text-align: center;
  margin-bottom: 56px
}

.login-form .phone-input[data-v-719ca9c1] {
  width: 100%;
  height: 40px;
  font-size: 14px;
  border-radius: 4px;
  margin-bottom: 20px
}

.login-form .phone-input[data-v-719ca9c1] .v-input--prefix span {
  line-height: 40px
}

.login-form .code-input[data-v-719ca9c1] {
  width: 58%;
  height: 40px;
  font-size: 14px;
  border-radius: 4px;
  margin-bottom: 18px
}

.login-form .code-input.v-input[data-v-719ca9c1] {
  margin-top: 0 !important
}

.login-form .code-btn[data-v-719ca9c1] {
  width: 40%;
  height: 40px;
  font-size: 14px
}

.login-form .verify-code[data-v-719ca9c1] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.login-form .login-error[data-v-719ca9c1] {
  margin-bottom: 30px
}

.login-form .login-btn[data-v-719ca9c1] {
  width: 100%;
  margin-bottom: 24px;
  margin-top: 6px
}

.login-form .login-btn.is-disabled[data-v-719ca9c1] {
  background-color: var(--color-fill-disable)
}

.login-form .privacy-policy[data-v-719ca9c1] {
  font-weight: 400;
  font-size: 14px;
  color: var(--color-text-caption)
}

.login-form .privacy-policy[data-v-719ca9c1] a {
  text-decoration: none
}

.login-wrap .login-form[data-v-719ca9c1] {
  width: 400px
}

.login-wrap-mobile .login-form[data-v-719ca9c1] {
  padding: 0 40px
}

.login-copyright[data-v-719ca9c1] {
  position: absolute;
  bottom: 20px;
  color: #bbb;
  font-size: 12px;
  opacity: .8
}

/*# sourceMappingURL=app.be38827fbe4f041d605609a03151a66e.css.map */